@font-face{font-family:Instrument Sans;src:url('/assets/fonts/instrument-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--ink:#101225;--muted:#3b4056;--purple:#6335ed;--cyan:#25c8d5;--navy:#111b38;--line:#d4dbef;--surface:#f7f9ff;--radius:8px;--gutter:clamp(12px,1.4vw,20px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:#f7f9ff;font-family:Instrument Sans,Arial,sans-serif;font-size:clamp(11px,1.18vw,16px);line-height:1.35;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,dl,dd{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.015em;word-spacing:.045em;line-height:1.1}h2{font-size:clamp(23px,2.45vw,34px);margin-bottom:.4em}h3{font-size:1.12em;letter-spacing:-.01em}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{display:block;max-width:100%}img{height:auto}button[disabled]{cursor:default;opacity:.6}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6843f0;outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:2px solid #7750ec;outline-offset:1px}::selection{background:#d9ccff;color:#18112d}.wrap{width:86%;max-width:1280px;margin-inline:auto}.icon{width:24px;height:24px;flex:none;color:var(--purple)}.eyebrow{font-size:.73em;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.035em;color:var(--purple);margin-bottom:.3em}.skip{position:absolute;top:8px;left:8px;z-index:100;transform:translateY(-150%);padding:12px;background:white;color:var(--navy)}.skip:focus{transform:none}
/* Compact navigation and the illustrated opening from the supplied reference. */
.header{position:relative;z-index:5;color:#fff;background:linear-gradient(110deg,#111a34 12%,#172242 65%,#34327f);border-bottom:1px solid #ffffff14}.bar{min-height:clamp(39px,4.1vw,62px);display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:clamp(26px,2.6vw,38px);font-weight:700;letter-spacing:-.055em;text-decoration:none;line-height:1}.header nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,38px);font-size:.95em}.header nav a{text-decoration:none;position:relative;white-space:nowrap;padding:10px 0}.header nav a:not(.nav-cta):after{position:absolute;content:"";bottom:3px;left:0;right:0;height:2px;transform:scaleX(0);background:#b48cff;transition:transform .2s}.header nav a:hover:after,.header nav a[aria-current]:after{transform:scaleX(1)}.header nav .nav-cta{margin-left:clamp(35px,8vw,120px);padding:.58em 1.35em;border:1px solid #9775ff55;border-radius:6px;background:linear-gradient(160deg,#9270ff,#5c3aff);box-shadow:inset 0 1px 3px #ffffff40,0 3px 12px #623cff44}.menu{color:white;background:#ffffff0d;border:1px solid #ffffff40;border-radius:6px;padding:7px 10px;font-size:13px}.menu span{margin-left:8px}
.hero{position:relative;overflow:hidden;isolation:isolate;color:#f9faff;background:radial-gradient(ellipse at 62% 16%,#2c396d55,transparent 43%),radial-gradient(ellipse at 97% 92%,#14b9d7aa,transparent 22%),radial-gradient(ellipse at 7% 107%,#4342a6dd,transparent 40%),linear-gradient(115deg,#101a33 4%,#142341 45%,#272e68 75%,#5137b0 100%)}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 42% 104%,#744bff77,transparent 38%);pointer-events:none}.hero-wave{position:absolute;z-index:-1;pointer-events:none;transform:rotate(-43deg);border-radius:48%;border:1px solid #8188ff44;background:linear-gradient(125deg,transparent 46%,#417cec11 75%,#27d5e133);box-shadow:12px 3px 35px #22b7db44}.hero-wave-one{width:100%;height:120%;left:-43%;top:-43%;transform:rotate(35deg)}.hero-wave-two{width:80%;height:130%;right:-57%;top:33%;background:linear-gradient(140deg,#8850f133,#b565ff66 14%,#1b2e5844 26%,#16c6d944);box-shadow:-15px -5px 40px #8447ed99}.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;min-height:clamp(287px,30.8vw,455px);gap:1%;padding-block:clamp(17px,2vw,30px)}.hero-copy{position:relative;z-index:2;padding-bottom:10px;min-width:0}.hero h1{font-size:clamp(31px,3.3vw,49px);letter-spacing:-.015em;line-height:1.04;margin:0 0 .25em;white-space:nowrap}.hero h1 span{background:linear-gradient(95deg,#5de1e8 8%,#8da2ff 52%,#b384ff 97%);color:transparent;background-clip:text}.hero-lead{font-size:1.12em;line-height:1.2;max-width:38em;margin-bottom:.65em}.hero-intro{font-size:.92em;line-height:1.3;max-width:37em;color:#eef0ff}.hero-actions{display:flex;gap:12px;margin-top:1.1em}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #936aff;border-radius:6px;min-height:2.6em;padding:.55em 1.2em;text-decoration:none;color:white;background:linear-gradient(150deg,#966aff 0%,#7747ff 44%,#4d32e7 100%);box-shadow:inset 0 1px 3px #ffffff55,0 4px 10px #4630cc20;font-weight:600;font-size:1em;transition:transform .18s,box-shadow .18s}.button .icon{width:1.25em;height:1.25em;color:inherit}.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 3px #ffffff55,0 5px 16px #5135d455}.button-outline{background:#151e3b80;border-color:#c5c4f2;box-shadow:inset 0 0 0 1px #a49fe34d;font-weight:500}.hero-tags{display:flex;list-style:none;padding:0;gap:10px;margin-top:clamp(22px,2.6vw,38px);width:max-content;max-width:100%}.hero-tags li{display:flex;align-items:center;gap:8px;padding:.65em .95em;border:1px solid #b5b7f247;background:linear-gradient(140deg,#bdc8ff20,#9d8df522);border-radius:13px;box-shadow:inset 0 1px 2px #ffffff0a;white-space:nowrap;font-size:.8em}.hero-tags .icon{width:20px;height:20px;color:#c1b5ff}.hero-art{min-width:0;margin:-5px -15px -14px -4px;align-self:center;transform:translateX(4px)}.hero-art img{width:100%;filter:drop-shadow(0 10px 16px #070e2238)}
/* The reference uses alternating, lightly tinted bands and compact outlined panels. */
.home-section{padding-block:clamp(12px,1.4vw,23px);background:linear-gradient(115deg,#fbfcff,#f4f7ff 62%,#f0f5ff)}.home-section:nth-of-type(even){background:radial-gradient(ellipse at 15% 20%,#fff 0,transparent 65%),linear-gradient(110deg,#f1f4fc,#eef4ff)}.home-section h2{margin-bottom:.35em}.about-layout{display:grid;grid-template-columns:1.3fr .52fr 1fr;gap:3.6%;align-items:center}.about-copy p:last-child{line-height:1.25}.about-art{width:100%;max-height:180px;object-fit:contain}.facts{display:grid;gap:4px}.facts>div{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;background:#ffffff45;min-height:2.85em;padding:.4em 1em;box-shadow:0 2px 5px #34487804}.facts .icon{width:20px;height:20px;margin-right:12px;color:#3c3380}.facts dt{font-weight:700}.facts dd{margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px;margin-top:12px}.service-card{display:grid;grid-template-columns:38px minmax(0,1fr);position:relative;align-items:start;gap:14px;padding:12px 16px;min-height:75px;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#ffffffa8,#f4f6ff66);box-shadow:0 3px 9px #13245904;transition:border-color .2s,transform .2s,box-shadow .2s}.service-card>.icon:first-child{width:32px;height:32px;margin-top:2px}.service-card>.icon:last-child{position:absolute;right:12px;top:13px;width:11px;height:11px;color:#464080;margin-top:0}.service-card h3{margin-bottom:.35em}.service-card p{font-size:.88em;line-height:1.25;color:#252a40}.service-card:hover{border-color:#a38aee;transform:translateY(-2px);box-shadow:0 6px 18px #5740ab0d}.benefits-head{display:grid;grid-template-columns:40% 1fr;align-items:center;gap:2%}.benefits-head>p{border-left:1px solid #a799dc;padding-left:16px;font-size:.91em;line-height:1.25}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:10px}.benefit-card{display:flex;align-items:center;gap:18px;padding:11px 15px;min-height:54px;border:1px solid #dedbff;border-radius:8px;background:linear-gradient(120deg,#f4f1ff,#e6edff)}.benefit-card:first-child{background:linear-gradient(110deg,#eaffff,#f0ecff)}.benefit-card:nth-child(3){background:linear-gradient(115deg,#e4ffff,#cff1ff);border-color:#b5eaf4}.benefit-card .icon{width:31px;height:31px}.benefit-card:nth-child(3) .icon{color:#168ac7}.benefit-card h3{font-size:1.02em;line-height:1.15}.audience-section>div>p:not(.eyebrow){font-size:.91em;line-height:1.25;max-width:90em}.audience-list{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;gap:14px;margin-top:12px}.audience-list li{display:flex;align-items:center;justify-content:center;gap:15px;min-height:37px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;font-size:.85em;font-weight:600;white-space:nowrap;background:#ffffff50}.audience-list .icon{width:21px;height:21px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;padding:0;margin-top:7px;position:relative}.process-grid:before{content:"";position:absolute;top:13px;left:12%;right:12%;height:1px;background:#a7b6df}.process-grid li{position:relative}.step-number{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:27px;height:27px;margin:0 auto 4px;border-radius:50%;color:white;background:linear-gradient(135deg,#b58dff,#6c3df9);box-shadow:inset 0 1px 4px #ffffff70;font-size:1.5em}.process-grid li:last-child .step-number{background:linear-gradient(135deg,#4fe2dc,#13adb8)}.process-grid li>div{padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:#ffffff60;height:calc(100% - 31px)}.process-grid h3{font-size:1.03em;margin-bottom:.35em}.process-grid p{font-size:.87em;line-height:1.25;color:#292d43}.prices-layout{display:grid;grid-template-columns:26% 1fr;gap:2%}.prices-copy>p:last-child{font-size:.9em;line-height:1.25}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:5px}.price-card{display:grid;grid-template-columns:27px 1fr;gap:5px 12px;border:1px solid var(--line);border-radius:8px;padding:12px 15px;background:#ffffff50}.price-card .icon{width:25px;height:25px;grid-row:auto}.price-card h3{font-size:1em;align-self:center}.price-card p{font-size:.86em;line-height:1.22;grid-column:1/-1;text-align:center}.price-note{display:flex;align-items:center;justify-content:center;gap:14px;font-size:.88em;border-radius:7px;background:linear-gradient(100deg,#d4e9ff,#b5c9ff);padding:6px 10px;margin-top:8px}.price-note .icon{width:18px;height:18px;color:#533bfa}
.story-section{padding:4px 0 9px;background:#f3f7ff}.story-banner{width:90%;max-width:1340px;margin:auto;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr) minmax(0,.45fr);gap:3%;align-items:center;padding:14px 3%;border-radius:12px;color:white;background:radial-gradient(ellipse at 0 120%,#20d8dcaa,transparent 24%),radial-gradient(ellipse at 102% 130%,#8a4dff,transparent 33%),radial-gradient(ellipse at 54% 0,#6953d2aa,transparent 37%),linear-gradient(115deg,#182641,#23375d 75%,#283560);border:1px solid #6965a988;box-shadow:inset 0 1px 5px #ffffff15}.story-banner:after{content:"";position:absolute;z-index:-1;top:-150%;left:28%;width:25%;height:250%;border-radius:45%;transform:rotate(40deg);background:linear-gradient(90deg,transparent,#905aff48);box-shadow:7px 0 23px #9659ff4d}.story-copy h2{font-size:clamp(22px,2.25vw,31px)}.story-copy p:last-child{font-size:.92em;line-height:1.25}.story-copy .eyebrow{color:#d6dcff}.game-art{width:100%;transform:rotate(1deg);filter:drop-shadow(0 5px 9px #0a163d88)}.story-checks{min-width:0;list-style:none;border:1px solid #7885c388;border-radius:8px;padding:10px 12px;background:#18274877;font-size:.8em;display:grid;gap:5px}.story-checks li{display:flex;align-items:center;gap:8px}.story-checks .icon{width:13px;height:13px;color:#4be4cb;stroke-width:2.5}.faq-layout{display:grid;grid-template-columns:32% 1fr;gap:2%}.faq-list{display:grid;gap:4px}.faq-list details{background:#ffffff70;border:1px solid #cbd4e9;border-radius:6px;overflow:hidden}.faq-list summary{position:relative;list-style:none;padding:2px 32px 2px 16px;font-weight:700;font-size:.88em;line-height:1.2;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";position:absolute;right:14px;top:5px;width:6px;height:6px;border-right:1.5px solid #454779;border-bottom:1.5px solid #454779;transform:rotate(45deg);transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(225deg);top:9px}.faq-list details[open] summary{background:#edeaff}.faq-list details p{padding:8px 16px 12px;line-height:1.5;font-size:.94em;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:28% 1fr;gap:3%}.contact-copy>p:not(.eyebrow){line-height:1.3;margin-top:10px}.contact-details{display:grid;gap:8px;list-style:none;padding:0;margin-top:16px;font-size:.92em}.contact-details li{display:flex;align-items:center;gap:15px}.contact-details .icon{width:18px;height:18px;color:#3a317b}.contact-details a{text-decoration:none}.contact-details a:hover{text-decoration:underline}.project-form{border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#ffffffa8,#eef3ff77);padding:14px 28px;box-shadow:0 4px 12px #32477506}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:grid;gap:3px;margin-bottom:6px}.form-field label{font-size:.8em;font-weight:700}.form-field label span{font-weight:400}.form-field input,.form-field textarea{width:100%;min-width:0;color:var(--ink);border:1px solid #c6d1e9;border-radius:4px;background:#f9fbffb3;padding:4px 9px;font-size:.82em;line-height:1.2}.form-field textarea{resize:vertical;min-height:55px}.form-field input::placeholder,.form-field textarea::placeholder{color:#646d82;opacity:1}.form-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.form-actions .button{font-size:.9em;white-space:nowrap}.form-actions>p,.form-note{font-size:.74em;line-height:1.4;color:#4a526b;max-width:28em}.form-status:empty{display:none}.form-status{font-size:.9em;line-height:1.4;color:#363c55;padding-top:10px}.form-status a{color:#5630c2}.project-form>noscript p{margin-top:10px}
.footer{color:#f9faff;background:linear-gradient(110deg,#1b2442,#202544 76%,#202855);padding:clamp(20px,2vw,30px) 0}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{border-right:1px solid #c3ccf13d;padding-right:30px}.footer-brand .logo{font-size:clamp(25px,2.5vw,36px)}.footer-brand p{font-size:.72em;margin-top:4px;white-space:nowrap}.footer-links{display:flex;gap:clamp(12px,1.8vw,26px);align-items:center;font-size:.74em}.footer-links a{text-decoration:none;white-space:nowrap}.footer-links a:hover{text-decoration:underline}.copyright{font-size:.72em;white-space:nowrap}
/* Secondary and legal pages retain all existing content in the same visual system. */
.inner-page main{min-height:70vh;background:radial-gradient(ellipse at 100% 0,#e5e8ff88,transparent 50%)}.page-intro{padding-block:55px 32px}.display-title{font-size:clamp(35px,5vw,65px);margin-bottom:22px;max-width:18em}.intro-text,.page-lead{max-width:55em;line-height:1.65;font-size:1.1em;color:var(--muted)}.accent-word{color:var(--purple)}.section{padding-block:36px}.section-head{display:grid;grid-template-columns:30% 1fr;margin-bottom:25px}.section-label{color:var(--purple);font-size:.82em;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.service-detail{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:28px;border:1px solid var(--line);border-radius:10px;background:#ffffff70;margin-bottom:16px;scroll-margin-top:20px}.service-number{color:var(--purple);font-size:2.8em;font-weight:600}.service-copy{max-width:65em}.service-copy h3{font-size:1.5em;margin:0 0 15px}.service-copy p+p,.split-section p+p{margin-top:12px}.service-copy p,.split-section p{line-height:1.65;color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;list-style:none;gap:10px;margin-top:18px}.tag-list li{font-size:.85em;border:1px solid var(--line);border-radius:5px;padding:6px 10px;color:#483879;background:#efecff}.split-section{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;border-top:1px solid var(--line)}.split-section h2{max-width:16em;font-size:clamp(26px,3vw,40px)}.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:15px;font-weight:600;color:#5832c7}.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline-item{border:1px solid var(--line);border-top:3px solid #8e6be8;padding:22px;border-radius:6px;background:#ffffff80}.timeline-item h3{margin-bottom:12px;font-size:1.3em}.timeline-item p:last-child{line-height:1.5;color:var(--muted)}.callout{width:86%;background:linear-gradient(120deg,#e4e7ff,#e4f7ff);border:1px solid var(--line);padding:30px;border-radius:12px;margin-block:20px 50px}.callout p:not(.eyebrow){max-width:55em;line-height:1.6;margin:15px 0}.legal-content{max-width:900px;margin-bottom:60px;line-height:1.75;font-size:clamp(15px,1.2vw,17px)}.legal-content section{margin-block:30px}.legal-content h2{font-size:1.5em;line-height:1.3;margin-bottom:12px}.legal-content h3{margin-block:18px 10px}.legal-content p+p,.legal-content address+p{margin-top:12px}.legal-content ul{padding-left:22px;margin-block:12px}.legal-content address{font-style:normal}.legal-content a{color:#5534b0;overflow-wrap:anywhere}.legal-date,.muted{color:#50576a}.legal-content .legal-date{font-size:.9em}.inner-page .contact-section{padding-block:20px 60px}.inner-page .contact-layout{grid-template-columns:1fr 1.6fr}.inner-page .contact-layout p{line-height:1.55}.inner-page .project-form{padding:28px}.inner-page .form-field{margin-bottom:14px}.inner-page .form-field label{font-size:.9em}.inner-page .form-field input,.inner-page .form-field textarea{font-size:1em;padding:9px 12px}.inner-page .form-field textarea{min-height:120px}.inner-page .contact-details{font-size:1.05em;line-height:1.8}.contact-method{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px}.contact-method .eyebrow{margin:0}.contact-method strong{color:#5833c5;font-size:1.15em}
@media(min-width:1500px){.hero-layout{min-height:470px}.hero h1{font-size:49px}.hero-art{margin-right:-30px}.home-section{padding-block:24px}.service-card{min-height:100px;padding:18px 22px}.about-art{max-height:185px}.hero-tags{margin-top:38px}}
@media(max-width:1100px) and (min-width:701px){.header nav{gap:20px}.header nav .nav-cta{margin-left:90px}.service-card{padding:10px 13px;gap:10px;grid-template-columns:34px minmax(0,1fr);min-height:62px}.benefit-card{gap:13px;padding:10px 15px}.audience-list{gap:12px}.audience-list li{gap:11px;font-size:.78em}.footer-bar{gap:22px}.footer-brand{padding-right:25px}.footer-links{gap:15px}.footer-brand p{font-size:.73em}.footer-links,.copyright{font-size:.78em}.project-form{padding:12px 25px}.price-card{padding:10px 12px;gap:6px 10px}.process-grid{gap:16px}}
@media(max-width:850px) and (min-width:701px){.wrap{width:90%}.header nav{gap:15px}.header nav .nav-cta{margin-left:20px}.hero h1{font-size:29px}.hero-tags{gap:6px}.hero-tags li{padding:.6em .65em;font-size:.74em}.hero-tags .icon{width:17px;height:17px}.service-card{grid-template-columns:27px minmax(0,1fr);gap:8px}.service-card>.icon:first-child{width:26px;height:26px}.benefit-card{padding:11px 10px;gap:10px}.benefit-card .icon{width:26px;height:26px}.benefit-card h3{font-size:.93em}.story-banner{width:94%;gap:2%}.story-copy h2{font-size:21px}.footer-bar{flex-wrap:wrap}.copyright{margin-left:auto}.footer-brand{border:0;padding:0}}
@media(max-width:700px){
  body{font-size:14px}.wrap{width:89%}h2{font-size:27px}.eyebrow{font-size:10px}.header .bar{min-height:61px;flex-wrap:wrap;gap:0}.logo{font-size:30px}.header nav{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:8px 24px;padding:10px 0 18px;font-size:14px}.header nav .nav-cta{margin-left:0}.header nav a{padding:7px 0}.hero-layout{grid-template-columns:1fr;gap:10px;padding-top:28px;padding-bottom:15px;min-height:0}.hero h1{font-size:clamp(25px,6.55vw,43px);white-space:normal;line-height:1.08;letter-spacing:-.025em}.hero-lead{font-size:15px;line-height:1.35;margin:12px 0}.hero-intro{font-size:13px;line-height:1.5}.hero-copy{padding:0}.hero-actions{gap:10px;margin-top:18px}.button{min-height:40px;padding:9px 12px;font-size:13px}.hero-tags{margin-top:23px;gap:7px;flex-wrap:wrap;width:auto}.hero-tags li{font-size:10px;padding:7px 9px;border-radius:10px;gap:6px}.hero-tags .icon{width:16px;height:16px}.hero-art{width:100%;max-width:520px;margin:-5px auto -5px;transform:none}.hero-wave-one{width:150%;left:-80%;top:15%;height:60%}.hero-wave-two{height:65%;width:120%;right:-85%;top:55%}.home-section{padding-block:26px}.about-layout{grid-template-columns:1fr 1fr;gap:18px}.about-copy{grid-column:1/-1}.about-copy p:last-child{font-size:14px;line-height:1.5}.about-art{max-height:160px;max-width:175px;justify-self:center}.facts{gap:6px}.facts>div{padding:8px;flex-wrap:wrap;gap:3px;min-height:38px;font-size:10px}.facts .icon{width:16px;height:16px;margin-right:4px}.services-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.service-card{min-height:82px;grid-template-columns:38px 1fr 14px;align-items:center;gap:16px;padding:15px 17px}.service-card h3{font-size:15px;margin-bottom:5px}.service-card p{font-size:13px;line-height:1.4}.service-card>.icon:first-child{width:32px;height:32px}.benefits-head{grid-template-columns:1fr;gap:10px}.benefits-head>p{font-size:13px;line-height:1.5;padding-left:12px;margin-bottom:5px}.benefits-grid{grid-template-columns:1fr 1fr;gap:10px}.benefit-card{gap:10px;padding:13px 10px;min-height:75px}.benefit-card h3{font-size:11px;line-height:1.3}.benefit-card .icon{width:25px;height:25px}.audience-section h2{max-width:18em}.audience-section>div>p:not(.eyebrow){font-size:13px;line-height:1.5}.audience-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.audience-list li{justify-content:flex-start;padding:10px 12px;gap:10px;font-size:11px;min-height:43px}.process-grid{grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:18px}.process-grid:before{display:none}.process-grid h3{font-size:13px;line-height:1.2}.process-grid p{font-size:12px;line-height:1.45}.process-grid li>div{padding:14px 12px}.step-number{font-size:18px;width:32px;height:32px;margin-bottom:8px}.process-grid li>div{height:calc(100% - 40px)}.prices-layout{grid-template-columns:1fr;gap:16px}.prices-copy>p:last-child{font-size:13px;line-height:1.5}.price-grid{grid-template-columns:1fr;gap:10px}.price-card{grid-template-columns:30px 1fr;padding:14px 16px;gap:7px 13px}.price-card h3{font-size:15px}.price-card p{font-size:13px;line-height:1.4;text-align:left;grid-column:2}.price-note{font-size:12px;line-height:1.4;padding:10px;gap:10px;margin-top:12px}.story-section{padding:5px 0 10px}.story-banner{width:92%;grid-template-columns:minmax(0,1fr) minmax(0,.46fr);gap:20px 12px;padding:24px 5%;border-radius:11px}.story-copy{grid-column:1/-1}.story-copy h2{font-size:25px}.story-copy p:last-child{font-size:13px;line-height:1.5}.story-checks{font-size:10px;padding:10px 8px;gap:8px}.story-checks li{gap:6px}.game-art{transform:none}.faq-layout{grid-template-columns:1fr;gap:12px}.faq-list{gap:7px}.faq-list summary{padding:11px 34px 11px 12px;font-size:12px;line-height:1.35;min-height:42px}.faq-list summary:after{top:15px}.faq-list details[open] summary:after{top:18px}.faq-list details p{font-size:13px;line-height:1.55;padding:12px}.contact-layout,.inner-page .contact-layout{grid-template-columns:1fr;gap:22px}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.5}.contact-details{font-size:13px;gap:12px}.project-form,.inner-page .project-form{padding:18px 16px}.form-row{gap:12px}.form-field{margin-bottom:12px}.form-field label{font-size:12px}.form-field input,.form-field textarea{font-size:16px;padding:9px 10px;line-height:1.3}.form-field textarea{min-height:100px}.form-actions{align-items:flex-start;flex-direction:column;gap:10px}.form-actions .button{font-size:13px}.form-actions>p,.form-note{font-size:11px;max-width:none}.form-status{font-size:12px}.footer{padding:26px 0}.footer-bar{flex-direction:column;align-items:flex-start;gap:22px}.footer-brand{padding:0;border:0}.footer-brand .logo{font-size:31px}.footer-brand p{font-size:10px;white-space:normal;margin-top:8px}.footer-links{flex-wrap:wrap;gap:14px 20px;font-size:11px}.copyright{font-size:10px}.page-intro{padding-block:34px 25px}.display-title{font-size:37px;margin-bottom:20px}.intro-text,.page-lead{font-size:15px;line-height:1.6}.section{padding-block:25px}.section-head,.split-section{grid-template-columns:1fr;gap:15px}.section-head h2{font-size:26px}.service-detail{grid-template-columns:34px 1fr;gap:12px;padding:20px 15px}.service-number{font-size:26px}.service-copy h3{font-size:20px;line-height:1.2}.service-copy p,.split-section p{font-size:14px;line-height:1.65}.tag-list{gap:7px}.tag-list li{font-size:10px;padding:6px 8px}.timeline{grid-template-columns:1fr;gap:12px}.timeline-item{padding:20px}.timeline-item h3{font-size:20px}.callout{padding:23px;width:89%;margin-bottom:35px}.callout h2{font-size:26px}.callout p:not(.eyebrow){font-size:14px}.legal-content{font-size:15px;line-height:1.7}.legal-content h2{font-size:23px}.inner-page .contact-section{padding-block:12px 35px}
}
@media(max-width:360px){.wrap{width:90%}.hero h1{font-size:24px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:9px 10px;gap:7px}.hero-tags{gap:6px}.hero-tags li{font-size:10px;padding:6px 8px}.about-layout{gap:14px 8px;grid-template-columns:.85fr 1.15fr}.facts>div{font-size:9px;padding:7px 6px}.facts .icon{margin-right:1px;width:14px;height:14px}.benefit-card{padding:12px 8px;gap:8px}.benefit-card .icon{width:21px;height:21px}.benefit-card h3{font-size:10px}.process-grid{gap:14px 10px}.process-grid li>div{padding:12px 10px}.process-grid h3{font-size:12px}.story-banner{grid-template-columns:minmax(0,1fr) minmax(0,.5fr);gap:15px 10px}.story-checks{font-size:8px;padding:8px 6px}.story-checks .icon{width:11px;height:11px}.form-row{grid-template-columns:1fr;gap:0}.footer-links{gap:14px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media (min-width: 701px) {
  .hero:before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at -12% 36%, #18c2e15c, transparent 34%), radial-gradient(ellipse at 103% 22%, #9c4dff77, transparent 33%); }
}

/* Typography and spacing: readable text and a calmer rhythm at every width. */
body { font-size: 16px; line-height: 1.55; }
h1, h2, h3 { letter-spacing: 0; word-spacing: normal; }
h1, h2 { font-weight: 650; line-height: 1.2; }
h2 { font-size: clamp(26px, 2.3vw, 34px); }
h3 { font-weight: 650; line-height: 1.3; }
.eyebrow { font-size: 11px; letter-spacing: .065em; line-height: 1.4; margin-bottom: 9px; }
.home-section { padding-block: clamp(30px, 3vw, 46px); }
.home-section h2 { margin-bottom: 16px; }
.header nav { font-size: 14px; gap: clamp(18px, 2vw, 30px); }
.header nav .nav-cta { margin-left: clamp(18px, 3vw, 48px); }
.bar { min-height: 64px; }
.hero-layout { padding-block: 38px; min-height: 430px; gap: 3%; }
.hero h1 { font-size: clamp(30px, 3.25vw, 48px); line-height: 1.16; letter-spacing: -.01em; white-space: normal; margin-bottom: 16px; }
.hero-lead { font-size: 17px; line-height: 1.5; margin-bottom: 14px; }
.hero-intro { font-size: 15px; line-height: 1.6; }
.hero-actions { margin-top: 24px; gap: 14px; }
.hero-tags { margin-top: 28px; gap: 10px; flex-wrap: wrap; width: auto; }
.hero-tags li { font-size: 12px; padding: 9px 12px; }
.hero-art { margin-right: -10px; }
.button { min-height: 44px; font-size: 14px; padding: 10px 18px; }
.about-copy p:last-child { font-size: 15px; line-height: 1.65; }
.about-layout { grid-template-columns: 1.3fr .5fr 1fr; gap: 4%; }
.about-art { max-height: 195px; }
.facts { gap: 8px; }
.facts > div { font-size: 14px; min-height: 42px; padding: 9px 14px; }
.facts .icon { margin-right: 8px; }
.services-grid { gap: 18px; margin-top: 22px; }
.service-card { grid-template-columns: 34px minmax(0, 1fr); gap: 18px; padding: 22px 24px; min-height: 118px; align-items: start; border-radius: 10px; }
.service-card h3 { font-size: 17px; padding-right: 8px; margin-bottom: 8px; }
.service-card p { font-size: 14px; line-height: 1.55; }
.service-card > .icon:last-child { right: 12px; top: 25px; }
.benefits-head { gap: 4%; grid-template-columns: 38% 1fr; }
.benefits-head > p { font-size: 15px; line-height: 1.6; padding-left: 22px; }
.benefits-grid { gap: 18px; margin-top: 20px; }
.benefit-card { min-height: 96px; padding: 20px 18px; gap: 16px; border-radius: 10px; }
.benefit-card h3 { font-size: 14px; line-height: 1.45; }
.audience-section > div > p:not(.eyebrow) { font-size: 15px; line-height: 1.65; max-width: 82ch; }
.audience-list { margin-top: 24px; gap: 14px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.audience-list li { font-size: 13px; min-height: 48px; padding: 12px 10px; gap: 12px; border-radius: 8px; }
.process-grid { gap: 22px; margin-top: 28px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.process-grid:before { top: 18px; }
.step-number { width: 36px; height: 36px; font-size: 20px; margin-bottom: 14px; }
.process-grid li > div { height: calc(100% - 50px); min-height: 156px; padding: 21px 20px; border-radius: 10px; }
.process-grid h3 { font-size: 16px; line-height: 1.35; margin-bottom: 11px; }
.process-grid p { font-size: 14px; line-height: 1.6; }
.prices-layout { grid-template-columns: minmax(0, .92fr) minmax(0, 2.5fr); gap: 34px; align-items: start; }
.prices-copy > p:last-child { font-size: 15px; line-height: 1.65; max-width: 34ch; }
.price-grid { gap: 18px; padding-top: 4px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.price-card { align-content: start; grid-template-columns: 28px minmax(0, 1fr); padding: 23px 20px; gap: 16px 12px; border-radius: 10px; }
.price-card h3 { font-size: 16px; line-height: 1.4; }
.price-card p { grid-column: 1 / -1; text-align: left; font-size: 14px; line-height: 1.6; }
.price-note { font-size: 13px; line-height: 1.5; padding: 12px 16px; margin-top: 16px; }
.story-section { padding-block: 8px 16px; }
.story-banner { padding: 30px 3%; column-gap: 3%; row-gap: 24px; }
.story-copy h2 { font-size: clamp(25px, 2.3vw, 33px); line-height: 1.25; margin-bottom: 16px; }
.story-copy p:last-child { font-size: 15px; line-height: 1.6; max-width: 65ch; }
.story-checks { padding: 16px 14px; font-size: 12px; gap: 10px; }
.faq-layout { gap: 4%; grid-template-columns: 30% minmax(0, 1fr); }
.faq-list { gap: 10px; }
.faq-list details { border-radius: 8px; }
.faq-list summary { font-size: 15px; line-height: 1.5; font-weight: 600; min-height: 48px; padding: 12px 44px 12px 20px; }
.faq-list summary:after { top: 20px; right: 20px; width: 7px; height: 7px; }
.faq-list details[open] summary:after { top: 23px; }
.faq-list details p { font-size: 15px; line-height: 1.65; padding: 14px 20px 20px; }
.contact-layout { gap: 4%; grid-template-columns: 28% minmax(0, 1fr); }
.contact-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.6; }
.contact-details { font-size: 14px; gap: 12px; margin-top: 24px; }
.project-form { padding: 24px 28px; }
.form-field { gap: 6px; margin-bottom: 14px; }
.form-field label { font-size: 13px; }
.form-field input, .form-field textarea { font-size: 15px; padding: 9px 11px; line-height: 1.4; }
.form-field textarea { min-height: 90px; }
.form-actions { gap: 18px; margin-top: 12px; }
.form-actions .button { font-size: 14px; }
.form-actions > p, .form-note { font-size: 12px; line-height: 1.5; }
.footer { padding-block: 28px; }
.footer-brand p { font-size: 11px; white-space: normal; }
.footer-links { font-size: 12px; gap: 18px; flex-wrap: wrap; }
.copyright { font-size: 11px; }

@media (min-width: 701px) and (max-width: 1100px) {
  .wrap { width: 90%; }
  .header nav { font-size: 12px; gap: 18px; }
  .header nav .nav-cta { margin-left: 12px; padding-inline: 14px; }
  .hero-layout { min-height: 390px; gap: 2%; padding-block: 32px; }
  .hero h1 { font-size: clamp(28px, 3.25vw, 36px); }
  .hero-lead { font-size: 15px; }
  .hero-intro { font-size: 14px; }
  .hero-tags { gap: 8px; }
  .hero-tags li { font-size: 11px; padding: 8px 10px; }
  .about-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, .45fr) minmax(0, 1fr); gap: 22px; }
  .facts > div { flex-wrap: wrap; }
  .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-card { padding: 20px; }
  .benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benefit-card { min-height: 84px; }
  .audience-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 20px; }
  .process-grid:before { display: none; }
  .process-grid li > div { min-height: 138px; }
  .prices-layout { grid-template-columns: 1fr; gap: 24px; }
  .prices-copy > p:last-child { max-width: 75ch; }
  .story-banner { grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr); gap: 26px; padding: 28px; }
  .story-checks { grid-column: 1 / -1; display: flex; width: fit-content; flex-wrap: wrap; gap: 20px; padding: 10px 16px; }
  .story-copy p:last-child { font-size: 14px; }
  .footer-bar { flex-wrap: wrap; row-gap: 22px; }
  .footer-brand { border: 0; padding-right: 0; }
}
@media (min-width: 701px) and (max-width: 800px) {
  .header nav { font-size: 11px; gap: 11px; }
  .header nav .nav-cta { margin-left: 0; padding-inline: 10px; }
  .hero h1 { font-size: 27px; }
  .hero-actions { gap: 10px; }
  .hero-actions .button { font-size: 12px; padding: 10px 12px; }
  .benefits-head { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 700px) {
  body { font-size: 15px; }
  .home-section { padding-block: 34px; }
  h2 { font-size: 28px; }
  .header nav { gap: 8px 24px; font-size: 14px; }
  .header nav .nav-cta { margin-left: 0; }
  .hero-layout { grid-template-columns: 1fr; min-height: 0; padding-block: 32px 20px; gap: 20px; }
  .hero h1 { font-size: clamp(27px, 6.8vw, 43px); line-height: 1.18; }
  .hero-lead { font-size: 16px; }
  .hero-intro { font-size: 14px; }
  .hero-actions { gap: 10px; margin-top: 22px; }
  .hero-actions .button { font-size: 13px; padding: 10px 12px; }
  .hero-tags { margin-top: 22px; gap: 8px; }
  .hero-tags li { font-size: 11px; padding: 8px 10px; }
  .hero-art { margin: 0 auto; }
  .about-layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 24px 18px; }
  .about-copy { grid-column: 1 / -1; }
  .about-art { max-height: 180px; }
  .facts { grid-template-columns: 1fr; gap: 9px; }
  .facts > div { font-size: 12px; padding: 12px 10px; gap: 4px; flex-wrap: wrap; }
  .facts .icon { margin-right: 3px; width: 17px; height: 17px; }
  .services-grid { gap: 14px; margin-top: 20px; }
  .service-card { padding: 20px 18px; gap: 15px; min-height: 0; }
  .service-card h3 { font-size: 16px; }
  .benefits-head { grid-template-columns: 1fr; gap: 12px; }
  .benefits-head > p { font-size: 14px; padding-left: 16px; }
  .benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .benefit-card { flex-direction: column; align-items: flex-start; padding: 18px 14px; gap: 14px; min-height: 0; }
  .benefit-card h3 { font-size: 13px; }
  .benefit-card .icon { width: 27px; height: 27px; }
  .audience-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
  .audience-list li { font-size: 12px; min-height: 48px; gap: 9px; padding: 12px 10px; white-space: normal; }
  .audience-list .icon { width: 19px; height: 19px; }
  .process-grid { grid-template-columns: 1fr; gap: 22px; margin-top: 24px; }
  .process-grid li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: start; }
  .step-number { width: 34px; height: 34px; margin: 18px 0 0; font-size: 19px; }
  .process-grid li > div { height: auto; min-height: 0; padding: 20px 18px; }
  .process-grid h3 { font-size: 16px; }
  .process-grid p { font-size: 14px; }
  .prices-layout { grid-template-columns: 1fr; gap: 24px; }
  .prices-copy > p:last-child { max-width: none; }
  .price-grid { grid-template-columns: 1fr; gap: 14px; }
  .price-card { padding: 22px; gap: 14px; }
  .price-card h3 { font-size: 16px; }
  .price-note { justify-content: flex-start; gap: 12px; }
  .story-banner { grid-template-columns: minmax(0, 1fr) minmax(0, .46fr); padding: 28px 6%; gap: 24px 14px; }
  .story-copy { grid-column: 1 / -1; }
  .story-copy h2 { font-size: 26px; }
  .story-copy p:last-child { font-size: 14px; }
  .story-checks { font-size: 10px; padding: 12px 9px; gap: 10px; }
  .faq-layout { grid-template-columns: 1fr; gap: 10px; }
  .faq-list summary { font-size: 14px; padding: 14px 36px 14px 16px; line-height: 1.5; }
  .faq-list summary:after { right: 15px; top: 20px; }
  .faq-list details[open] summary:after { top: 23px; }
  .faq-list details p { font-size: 14px; padding: 14px 16px 18px; }
  .contact-layout, .inner-page .contact-layout { grid-template-columns: 1fr; gap: 24px; }
  .contact-details { font-size: 14px; }
  .project-form { padding: 22px 18px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .form-field input, .form-field textarea { font-size: 16px; }
  .form-field textarea { min-height: 110px; }
  .form-actions { gap: 12px; }
  .footer-bar { align-items: flex-start; gap: 24px; }
  .footer-links { gap: 14px 20px; }
}
@media (max-width: 360px) {
  .hero h1 { font-size: 25px; }
  .hero-actions .button { font-size: 12px; padding-inline: 10px; }
  .facts { grid-template-columns: 1fr; }
  .benefits-grid { grid-template-columns: 1fr; }
  .benefit-card { flex-direction: row; align-items: center; }
  .story-banner { grid-template-columns: 1fr; }
  .story-copy { grid-column: auto; }
  .story-checks { display: flex; flex-wrap: wrap; gap: 12px; font-size: 11px; }
}

/* Grid and tag lists align with adjacent content, including on narrow screens. */
.timeline, .tag-list { padding-inline-start: 0; }