:root{--ink:#0b070d;--ink2:#140a17;--plum:#2b1930;--purple:#482258;--gold:#c09965;--cream:#fbf9f6;--beige:#f3eee8;--muted:#c8beca;--line:rgba(192,153,101,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:"Lora",Georgia,serif;font-size:16px;line-height:1.7}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"EB Garamond",Georgia,serif;line-height:1.04}
h1{font-size:clamp(3.3rem,5.2vw,5.35rem);font-weight:600;letter-spacing:-.035em}
h2{font-size:clamp(2.65rem,4vw,4.2rem);font-weight:600;letter-spacing:-.025em}
h3{font-size:1.65rem}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.narrow{max-width:850px}
.center{text-align:center}
.eyebrow{display:block;margin-bottom:20px;color:var(--gold);font-family:"Liberation Sans",Arial,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.eyebrow.dark{color:#806039}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:linear-gradient(110deg,#b3844f,#dfbd7d,#ad7b46);box-shadow:0 14px 38px rgba(192,153,101,.18);color:#150d17;font-family:"Liberation Sans",Arial,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .22s ease,filter .22s ease}
.button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.button:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.button-small{min-height:38px;padding:0 18px;font-size:.75rem}
.button-outline{border-color:rgba(192,153,101,.54);background:transparent;box-shadow:none;color:var(--cream)}
.fold{position:relative;min-height:900px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:82px 0;background:radial-gradient(circle at 92% 20%,rgba(72,34,88,.18),transparent 36%),var(--ink)}
.light{background:radial-gradient(circle at 12% 42%,rgba(255,255,255,.72),transparent 34%),var(--beige);color:#251a28}
.watermark{position:absolute;pointer-events:none;opacity:.035;filter:grayscale(1)}
.watermark-left{width:440px;left:-150px;bottom:-170px}
.watermark-right{width:430px;right:-120px;bottom:-170px}

/* Dobra 1 */
.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.brand img{width:34px;height:49px;object-fit:contain}
.brand span{font-family:"Liberation Sans",Arial,sans-serif;font-size:.87rem;font-weight:700;letter-spacing:.15em;white-space:nowrap}
.hero{position:relative;min-height:900px;display:grid;align-items:center;overflow:hidden;padding:135px 0 72px;background:radial-gradient(circle at 77% 48%,rgba(72,34,88,.5),transparent 35%),linear-gradient(140deg,#050407 0%,#120a16 56%,#080509 100%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(192,153,101,.09) 1px,transparent 1px);background-size:160px 100%;mask-image:linear-gradient(to bottom,transparent,black 28%,transparent)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.5fr .5fr;gap:64px;align-items:center}
.hero-copy{position:relative;z-index:1}
.hero-copy h1{max-width:840px;margin-bottom:30px}
.hero-copy .lead{max-width:720px;margin-bottom:0;color:#d4cdd5;font-size:1.05rem;line-height:1.75}
.hero-actions{display:flex;gap:26px;margin-top:32px}
.button-secondary{gap:12px;border-color:rgba(192,153,101,.55);background:transparent;box-shadow:none;color:var(--cream)}
.button-secondary span{color:var(--gold);font-size:1.05rem}
.hero-mark{display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-mark img{width:min(360px,100%);filter:drop-shadow(0 22px 50px rgba(0,0,0,.42))}
.hero-mark p{width:min(340px,100%);margin:64px auto 0;color:#d4b680;font-family:"EB Garamond",Georgia,serif;font-size:1.25rem;line-height:1.45}

/* Dobra 2 */
.tension:before{content:"";position:absolute;width:520px;height:520px;right:-210px;top:-235px;border:1px solid rgba(72,34,88,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(72,34,88,.025),0 0 0 140px rgba(72,34,88,.018)}
.tension-intro{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end}
.tension-intro h2{max-width:560px;margin-bottom:0;font-size:3.35rem}
.tension-intro>p{margin:0 0 6px;color:#625763;font-size:1.02rem;line-height:1.8}
.signal-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px;align-items:stretch}
.signal-card{min-height:278px;padding:35px 30px 31px;border:1px solid rgba(72,34,88,.12);border-radius:20px;background:rgba(255,255,255,.76);box-shadow:0 20px 55px rgba(56,36,55,.07)}
.signal-card small{display:block;margin-bottom:13px;color:#8f642f;font-family:"Liberation Sans",Arial,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.signal-card h3{margin-bottom:15px;color:#2c1f2f;font-size:1.72rem}
.signal-card p{margin:0;color:#6a5f6b;font-size:.94rem;line-height:1.7}
.tension-closing{margin-top:42px;margin-bottom:0;text-align:center;color:#4e3b50;font-family:"EB Garamond",Georgia,serif;font-size:1.2rem;font-style:italic}

/* Dobra 3 */
.statement{background:radial-gradient(circle at 12% 104%,rgba(72,34,88,.5),transparent 39%),linear-gradient(125deg,#0a060b 0%,#170b1b 56%,#0b070d 100%)}
.statement-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:100px;align-items:center}
.statement-grid h2{max-width:640px;margin-bottom:0;font-size:3.65rem}
.statement-panel{padding:46px;border:1px solid rgba(192,153,101,.08);border-radius:20px;background:rgba(72,34,88,.22);box-shadow:0 26px 70px rgba(0,0,0,.2)}
.statement-panel>p{color:#c8beca;font-size:1rem;line-height:1.75}
.statement-panel .statement-main{margin-bottom:23px;color:#eee6ef;font-family:"EB Garamond",Georgia,serif;font-size:1.42rem;line-height:1.5}
.statement-note{padding:22px 24px;border-radius:14px;background:rgba(5,4,7,.42)}
.statement-note strong{display:block;margin-bottom:8px;color:#d0ad72;font-family:"Liberation Sans",Arial,sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.statement-note p{margin:0;color:#a99eab;font-size:.86rem;line-height:1.65}

/* Dobra 4 */
.method .narrow>p{color:#c6bdc8;font-size:1rem}
.rose-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:58px}
.rose-step{min-height:300px;display:grid;grid-template-columns:78px 1fr;gap:20px;padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(72,34,88,.30),rgba(255,255,255,.024))}
.rose-step>b{color:var(--gold);font-family:"EB Garamond",Georgia,serif;font-size:5rem;font-weight:500;line-height:.82}
.rose-step span{color:#cda972;font-family:"Liberation Sans",Arial,sans-serif;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase}
.rose-step h3{margin:12px 0 10px;font-size:2rem}
.rose-step p{margin:0;color:#bfb6c1}

/* Dobra 5 */
.split{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.process-overview h2{max-width:540px;margin-bottom:29px;font-size:3.6rem}
.process-overview .split>div:first-child>p{max-width:570px;margin:0;color:#706572;line-height:1.8}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature-list article{min-height:196px;padding:34px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(72,34,88,.1);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(56,36,55,.06)}
.feature-list b{color:var(--purple);font-family:"EB Garamond",Georgia,serif;font-size:3.7rem;font-weight:600;line-height:1}
.feature-list span{margin-top:12px;color:#675c69;font-family:"Liberation Sans",Arial,sans-serif;font-size:.82rem;line-height:1.5}

/* Dobra 6 */
.tools .narrow{max-width:760px}
.tools .narrow h2{margin-bottom:0}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:55px}
.topic-grid article{min-height:112px;display:flex;align-items:center;justify-content:center;padding:23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(72,34,88,.26),rgba(255,255,255,.02));color:#eee7ef;font-family:"EB Garamond",Georgia,serif;font-size:1.35rem;font-weight:600;text-align:center}
.note{margin-top:30px;margin-bottom:0;color:#8f8492;font-family:"Liberation Sans",Arial,sans-serif;font-size:.73rem;text-align:center}

/* Dobra 7 */
.mentor{background:radial-gradient(circle at 22% 38%,rgba(72,34,88,.30),transparent 36%),linear-gradient(125deg,#160b1a,#0b070d 68%)}
.mentor-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
.mentor-photo{height:720px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#391945,#180b1b)}
.mentor-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.mentor-copy h2{margin-bottom:30px;color:var(--gold);font-size:4.2rem}
.mentor-copy p{color:#c6bdc8;font-family:"Liberation Sans",Arial,sans-serif;font-size:1rem;line-height:1.75}
.mentor-copy blockquote{margin:31px 0 0;padding:26px 28px;border:1px solid rgba(192,153,101,.14);border-radius:16px;background:rgba(72,34,88,.28);color:var(--gold);font-family:"EB Garamond",Georgia,serif;font-size:1.42rem;font-weight:600;line-height:1.45}

/* Dobra 8 */
.testimonial .narrow{max-width:790px}
.testimonial .narrow h2{margin-bottom:23px;font-size:3.65rem}
.testimonial .narrow p{color:#746978}
.video-card{max-width:845px;margin-top:34px;padding:8px 8px 0;border-radius:23px;background:var(--plum);box-shadow:0 26px 70px rgba(56,36,55,.18)}
.video-card video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px 16px 0 0;background:#000}
.video-caption{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;color:#e8e0e9}
.video-caption strong{color:var(--gold);font-family:"EB Garamond",Georgia,serif;font-size:1.25rem}
.video-caption span{font-family:"Liberation Sans",Arial,sans-serif;font-size:.7rem}

/* Dobra 9 */
.fit{background:radial-gradient(circle at 80% 15%,rgba(72,34,88,.4),transparent 38%),linear-gradient(140deg,#0b070d,#170b1b)}
.fit .center{margin-bottom:30px}
.fit .center .eyebrow{font-size:.9rem}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.fit-card{min-height:590px;padding:40px;border:1px solid rgba(255,255,255,.1);border-radius:25px}
.fit-card h2{margin-bottom:30px;font-size:2.55rem}
.fit-card ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.fit-card li{position:relative;min-height:70px;display:flex;align-items:center;padding:15px 20px 15px 43px;border-radius:14px;font-size:1rem;line-height:1.45}
.fit-card li:before{content:"";position:absolute;left:18px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(192,153,101,.1)}
.fit-yes{background:var(--cream);color:#2b1830}
.fit-yes li{background:#f0ecec}
.fit-no{background:rgba(55,24,64,.65)}
.fit-no h2{color:var(--gold)}
.fit-no li{background:rgba(15,7,19,.30)}

/* Dobra 10 */
.alignment .narrow{max-width:850px}
.alignment .narrow h2{margin-bottom:20px;color:var(--purple);font-size:3.65rem}
.alignment .narrow p{color:#6c626e}
.alignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.alignment-grid article{min-height:204px;padding:31px 29px;border:1px solid rgba(72,34,88,.1);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(56,36,55,.06)}
.alignment-grid h3{margin-bottom:14px;color:var(--purple);font-size:1.72rem}
.alignment-grid p{margin:0;color:#6b616c;font-size:.95rem;line-height:1.65}
.format-card{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;margin-top:20px;padding:24px 30px;border-radius:22px;background:linear-gradient(120deg,#211027,#462052);box-shadow:0 18px 42px rgba(56,36,55,.14);color:var(--cream)}
.format-card span{display:block;color:var(--gold);font-family:"Liberation Sans",Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.format-card h3{margin:2px 0 3px;color:#d7b47a;font-size:2rem}
.format-card p{max-width:760px;margin:0;color:#d2cad4;font-size:.88rem;line-height:1.55}
.format-card .button{min-width:210px}

/* Dobra 11 */
.faq{background:radial-gradient(circle at 18% 50%,rgba(82,39,90,.22),transparent 38%),radial-gradient(circle at 90% 14%,rgba(95,49,101,.13),transparent 34%),linear-gradient(135deg,#0d0810,#160b18 52%,#0d080e)}
.faq-layout{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:68px;align-items:center}
.faq-intro h2{max-width:470px;margin-bottom:24px;color:var(--gold);font-size:3rem;line-height:1.02}
.faq-intro p{max-width:425px;margin:0;color:#cfc4cd;font-size:1.02rem;line-height:1.65}
.faq-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.faq-cards article{min-height:174px;padding:25px 25px 23px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(49,25,53,.66),rgba(25,13,29,.76));box-shadow:0 18px 45px rgba(0,0,0,.16)}
.faq-cards h3{margin-bottom:12px;color:var(--gold);font-size:1.55rem;font-weight:500}
.faq-cards p{margin:0;color:#cfc4cd;font-size:.9rem;line-height:1.5}

/* Dobra 12 */
.closing{position:relative;min-height:700px;display:flex;align-items:center;overflow:hidden;padding:52px 0 32px;background:radial-gradient(circle at 50% 30%,rgba(93,46,100,.24),transparent 44%),linear-gradient(150deg,#0c080e,#180c1b 58%,#0b070d)}
.closing-watermark{position:absolute;width:640px;right:-185px;top:-175px;opacity:.045;filter:grayscale(1)}
.closing-panel{position:relative;min-height:558px;display:grid;grid-template-columns:1fr .84fr;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(51,26,56,.74),rgba(20,11,23,.80));box-shadow:0 28px 70px rgba(0,0,0,.27)}
.closing-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 68px}
.light-label{color:var(--cream)}
.closing-copy h2{margin-bottom:23px;color:var(--gold);font-size:3.1rem}
.closing-copy p{max-width:610px;margin-bottom:28px;color:#cec4cc;font-size:1.02rem;line-height:1.6}
.closing-button{align-self:center}
.closing-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;border-left:1px solid rgba(192,153,101,.14);background:radial-gradient(circle at 50% 44%,rgba(98,48,106,.26),transparent 48%);text-align:center}
.closing-brand img{width:165px;margin-bottom:23px}
.closing-brand strong{font-family:"Liberation Sans",Arial,sans-serif;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase}
.closing-brand span{margin-top:9px;color:var(--gold)}
.site-footer{position:relative;min-height:236px;padding:29px 0 43px;border-top:1px solid rgba(192,153,101,.16);background:#080509;text-align:center}
.footer-grid{display:grid;grid-template-columns:.95fr 1.15fr 1fr;gap:48px;align-items:center;min-height:150px}
.footer-brand{display:flex;align-items:center;justify-content:center;gap:17px;text-align:center}
.footer-brand img{width:46px;height:62px;object-fit:contain}
.footer-brand strong{display:block;font-family:"Liberation Sans",Arial,sans-serif;font-size:.88rem;letter-spacing:.17em;text-transform:uppercase}
.footer-brand span{display:block;max-width:295px;margin:5px auto 0;color:#aa9fa8;font-size:.78rem;line-height:1.5}
.footer-column>b{display:block;margin-bottom:10px;color:var(--gold);font-family:"Liberation Sans",Arial,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
.footer-column p{margin:-5px 0 9px;color:#b8adb6;font-size:.78rem}
.footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.footer-actions a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(192,153,101,.3);border-radius:11px;background:rgba(46,25,49,.6);font-family:"Liberation Sans",Arial,sans-serif;font-size:.68rem;font-weight:600;text-decoration:none}
.copyright{position:absolute;left:24px;right:24px;bottom:14px;margin:0;color:#746b73;font-family:"Liberation Sans",Arial,sans-serif;font-size:.62rem;text-align:center}

@media(max-width:800px){
  body{font-size:15px}
  .wrap{width:min(100% - 28px,1180px)}
  .fold{min-height:auto;padding:72px 0}
  h2{font-size:2.55rem}
  .topbar{height:72px;padding-inline:14px}
  .brand{gap:7px}
  .brand img{width:25px;height:37px}
  .brand span{font-size:.64rem;letter-spacing:.09em}
  .topbar .button{width:auto;max-width:165px;min-height:36px;padding:0 11px;font-size:.62rem;line-height:1.2;text-align:center}
  .hero{min-height:710px;padding:110px 0 60px}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{text-align:left}
  .hero-copy h1{font-size:2.72rem;line-height:1.02}
  .hero-copy .lead{font-size:.96rem;line-height:1.65}
  .hero-mark{display:none}
  .hero-actions{flex-direction:column;gap:11px;margin-top:25px}
  .hero-actions .button{width:100%}
  .tension-intro,.statement-grid,.split,.mentor-grid,.faq-layout{grid-template-columns:1fr;gap:27px}
  .tension-intro h2,.statement-grid h2,.process-overview h2,.alignment .narrow h2{font-size:2.45rem}
  .tension-intro>p{font-size:.95rem}
  .signal-grid,.rose-grid,.topic-grid,.alignment-grid,.faq-cards{grid-template-columns:1fr}
  .signal-grid{margin-top:36px}
  .signal-card{min-height:0;padding:25px 23px;border-radius:18px}
  .tension-closing{text-align:left;font-size:1.08rem}
  .statement{padding:42px 0}
  .statement-panel{padding:20px 18px;border-radius:18px}
  .statement-panel .statement-main{font-size:1.08rem;line-height:1.42}
  .statement-panel>p{font-size:.88rem;line-height:1.55}
  .statement-note{padding:15px 16px}
  .rose-grid{margin-top:36px}
  .rose-step{min-height:0;grid-template-columns:55px 1fr;padding:25px 22px;border-radius:18px}
  .rose-step>b{font-size:4rem}
  .rose-step h3{font-size:1.65rem}
  .feature-list{grid-template-columns:1fr 1fr;gap:12px}
  .feature-list article{min-height:145px;padding:24px 20px;border-radius:18px}
  .topic-grid{margin-top:34px;gap:10px}
  .topic-grid article{min-height:78px;border-radius:17px;font-size:1.2rem}
  .mentor-grid{display:flex;flex-direction:column;gap:32px}
  .mentor-photo{width:100%;height:auto;aspect-ratio:.79;border-radius:22px}
  .mentor-copy h2{font-size:3.15rem}
  .mentor-copy p{font-size:.92rem}
  .mentor-copy blockquote{font-size:1.28rem}
  .testimonial .narrow h2{font-size:2.65rem}
  .video-card{margin-top:25px;border-radius:19px}
  .video-caption{height:62px;padding-inline:15px}
  .video-caption span{font-size:.58rem;text-align:right}
  .fit .center{margin-bottom:20px}
  .fit-grid{grid-template-columns:1fr;gap:16px}
  .fit-card{min-height:0;padding:24px 18px;border-radius:22px}
  .fit-card h2{font-size:2.2rem}
  .fit-card li{min-height:0;padding:14px 15px 14px 40px;border-radius:13px;font-size:.9rem}
  .alignment-grid{margin-top:30px;gap:12px}
  .alignment-grid article{min-height:0;padding:24px 20px;border-radius:18px}
  .format-card{grid-template-columns:1fr;gap:18px;padding:22px 20px;text-align:left}
  .format-card .button{width:100%}
  .faq{padding:42px 0}
  .faq-intro h2{max-width:none;font-size:2.1rem;text-align:left}
  .faq-intro p{font-size:.9rem}
  .faq-cards{gap:9px}
  .faq-cards article{min-height:0;padding:14px 17px;border-radius:18px}
  .faq-cards h3{margin-bottom:6px;font-size:1.25rem}
  .faq-cards p{font-size:.82rem;line-height:1.4}
  .closing{min-height:auto;padding:20px 0 16px}
  .closing-panel{min-height:0;display:flex;flex-direction:column;border-radius:26px}
  .closing-copy{align-items:center;padding:28px 24px 23px;text-align:center}
  .closing-copy .eyebrow{text-align:center}
  .closing-copy h2{font-size:2.25rem;text-align:center}
  .closing-copy p{font-size:.9rem;text-align:center}
  .closing-button{width:100%}
  .closing-brand{padding:22px;border-top:1px solid rgba(192,153,101,.14);border-left:0}
  .closing-brand img{width:88px;margin-bottom:12px}
  .closing-brand strong{font-size:.72rem}
  .closing-brand span{font-size:.82rem}
  .site-footer{min-height:298px;padding:17px 14px 38px}
  .footer-grid{display:flex;flex-direction:column;gap:12px;min-height:0}
  .footer-brand{flex-direction:column;gap:3px}
  .footer-brand img{width:29px;height:40px}
  .footer-brand strong{font-size:.7rem}
  .footer-brand span{font-size:.66rem}
  .footer-column>b{margin-bottom:6px;font-size:.6rem}
  .footer-column p{margin-bottom:7px;font-size:.68rem}
  .footer-actions{gap:6px}
  .footer-actions a{min-height:32px;padding:0 10px;border-radius:9px;font-size:.6rem}
  .copyright{font-size:.53rem}
}

@media(max-width:480px){
  .feature-list{grid-template-columns:1fr 1fr}
  .feature-list b{font-size:3.05rem}
  .feature-list span{font-size:.72rem}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}