/* WEB198 content edition — same motion language, complete source content. */
.brand{font-family:Arial,Studio,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.8px;gap:0}.brand .brand-number{font:inherit;letter-spacing:inherit;align-self:auto;margin:0;color:var(--blue)}.brand sup{font-size:9px;align-self:flex-start;margin:3px 0 0 4px;letter-spacing:0}.header nav{gap:22px}.header .rolling{min-width:auto}.contact-trigger{gap:14px}.hero h1{top:25%;font-family:Studio,Arial,sans-serif;letter-spacing:-.075em}.open-title{font-size:10.7vw;line-height:1.03}.next-title{font-size:9.7vw;line-height:1.03;margin-top:0}.hero-offer-label{position:absolute;top:18.5%;left:var(--g);font-size:19px;letter-spacing:-.04em;color:#566258}.hero-offer-label strong{color:var(--blue);font-weight:600}.hero-rig{top:44%}.hero-caption p{font-size:23px}.hero-caption>span{font-size:11px}.hero-cta{min-width:270px}.hero-scroll{left:45%}.hero-bottom{font-family:Consolas,Studio,monospace}
.promise-band{padding:100px var(--g) 65px;display:grid;grid-template-columns:1fr 1fr;gap:40px 9vw;background:#e5eaff}.promise-band h2{font-size:clamp(35px,4.4vw,75px);line-height:1.1;letter-spacing:-.065em;margin:20px 0}.promise-band em{font-style:normal;color:var(--blue)}.promise-band>div>p{font-size:15px;max-width:410px}.promise-band .action{margin-top:28px}.text-link{display:inline-block;font-size:12px;margin-left:22px;border-bottom:1px solid;padding-bottom:6px}.promise-band ol{list-style:none;padding:0;margin:0}.promise-band li{padding:22px 0;border-bottom:1px solid #214df335}.promise-band li>span{font:10px Consolas;color:var(--blue)}.promise-band h3{font-size:22px;font-weight:600;margin:12px 0;letter-spacing:-.045em}.promise-band li p{font-size:13px;color:#526077}.promise-note{border-top:1px solid #214df350;padding-top:22px;color:var(--blue);font-size:13px}.offer-poster-link{text-align:right;font-size:12px;text-decoration:underline;align-self:start}
.business-intro{background:var(--blue);color:var(--paper);padding:90px var(--g) 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px 8vw}.business-intro>.eyebrow{grid-column:1/-1}.business-intro h2{font-size:clamp(34px,4.5vw,78px);line-height:1.17;letter-spacing:-.075em}.business-intro em{font-style:normal;color:#c4d0ff}.business-intro>div{padding-top:10px}.business-intro h3{font-size:19px;font-weight:600;line-height:1.5}.business-intro p{font-size:14px;color:#e0e6fc;margin-top:20px}.capabilities{height:275svh}.cap-description{width:37%}.cap-description p{max-width:390px}
.free-intro{padding:100px var(--g);display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#e9e8e1}.free-intro h2{font-size:4.2vw;letter-spacing:-.07em;line-height:1.15;margin-top:22px}.free-intro em{font-style:normal;color:var(--blue)}.free-intro p{font-size:14px}.free-intro ul{list-style:none;padding:25px 0 0;margin:0}.free-intro li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #1c201f25;padding:17px 0;font-size:12px}.free-intro b{font-weight:600}.free-intro li span{color:#6b7269}.preview-copy{width:35%}.preview-copy p{max-width:430px}.preview-copy h3{max-width:430px}.work-art img{object-position:50% 0}.work-info h2{font-size:8vw}.work-shade{background:linear-gradient(0deg,#10181bf2,transparent 85%)}
.portfolio-archive{padding:85px 0 65px;background:#172128;color:var(--paper);overflow:hidden}.archive-heading{padding:0 var(--g);display:flex;justify-content:space-between;gap:5vw;align-items:end}.archive-heading h2{font-size:4.8vw;letter-spacing:-.06em;margin:16px 0}.archive-heading p{font-size:14px;color:#b7c1c5;max-width:620px}.archive-controls{display:flex;align-items:center;gap:17px;white-space:nowrap}.archive-controls button{font-size:24px;width:48px;height:48px;border:1px solid #ffffff50;border-radius:50%}.archive-controls button:hover{background:var(--paper);color:var(--ink)}.archive-track{display:grid;grid-auto-flow:column;grid-auto-columns:29vw;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--g);padding:40px var(--g) 25px;scrollbar-color:#c9d3e3 #243139}.archive-item{scroll-snap-align:start;text-align:left;padding:0;display:flex;flex-direction:column}.archive-image{width:100%;height:370px;overflow:hidden;background:#334349;position:relative}.archive-image img{height:auto;min-height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease),filter .5s;filter:saturate(.7)}.archive-item:hover img,.archive-item:focus-visible img{transform:translateY(-35px);filter:saturate(1)}.archive-image:after{content:"VIEW ↗";position:absolute;right:15px;bottom:15px;background:var(--blue);color:#fff;padding:12px;font:10px Consolas;transform:translateY(80px);transition:transform .3s}.archive-item:hover .archive-image:after,.archive-item:focus-visible .archive-image:after{transform:none}.archive-caption{width:100%;display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff30;font-size:13px}.archive-caption>span{font:10px Consolas;color:#a8b4bc}.archive-note{margin:20px var(--g) 0;font-size:11px;color:#a5b3be}
.service-section{padding:100px var(--g);background:var(--paper)}.service-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:20px 8vw}.service-heading>.eyebrow{grid-column:1/-1;color:var(--blue)}.service-heading h2{font-size:3.8vw;letter-spacing:-.065em;line-height:1.2}.service-heading em{color:var(--blue);font-style:normal}.service-heading>p{font-size:14px;align-self:end;color:#626b63}.service-list-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:32px 0;transition:background .25s,padding .4s}.service-list-row:hover{background:#e8ecdfff;padding-left:18px;padding-right:18px}.service-list-row .service-number{font:30px Arial;color:var(--blue);letter-spacing:-.05em}.service-list-row h3{font-size:24px;letter-spacing:-.055em;font-weight:600}.service-list-row small{display:block;margin-top:7px;font:9px Consolas;color:#758071}.service-list-row>p{font-size:14px;color:#687264}.service-scope-note{padding:28px;background:#e4e8df;margin-top:35px}.service-scope-note b{font-size:16px}.service-scope-note p{font-size:13px;margin:12px 0}.service-scope-note>span{font-size:11px;color:#687264}#service-list{margin-top:45px}
.screen-design{padding:85px var(--g);background:#dfe5f5}.screen-design>h2{font-size:4.1vw;line-height:1.18;letter-spacing:-.065em;margin:18px 0 50px}.screen-design em{font-style:normal;color:var(--blue)}.design-stories{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.design-stories article:nth-child(2){padding-top:100px}.story-image{height:340px;overflow:hidden;margin-bottom:25px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .7s}.story-image img{height:auto;transition:transform 1s}.design-stories article:hover .story-image{clip-path:polygon(3% 0,100% 4%,97% 100%,0 96%)}.design-stories article:hover img{transform:translateY(-25px)}.design-stories article>span{font:9px Consolas;color:var(--blue)}.design-stories h3{font-size:27px;letter-spacing:-.045em;margin:15px 0}.design-stories p{font-size:14px;color:#5d6b80;max-width:490px}.design-stories a,.design-stories button{display:inline-block;margin-top:18px;border-bottom:1px solid;font-size:12px;padding:10px 0}
.plans-heading h2{font-size:3.9vw}.plans-heading p{padding-right:0}.plan-select span{font:600 28px Studio;letter-spacing:-.055em}.plan-select b{font-size:13px;margin-top:14px;font-weight:500}.plan-select i{bottom:28px}.plan-comparison{margin-top:30px}.plan-comparison table{min-width:750px}.plan-comparison td{line-height:1.75;vertical-align:top}.plan-comparison tfoot button{color:var(--blue);font-size:12px}.plan-price>strong{font-size:clamp(40px,4.6vw,76px)}.plan-summary{max-width:460px}.history-stat>div b{font-size:22px}.finale-intro{font-size:25px}.finale-bottom>p{font-size:12px}.footer .footer-links button{display:block;text-align:left;padding:0}.footer .brand-number{color:#adc1ff}
#contact-dialog{width:min(720px,94vw);padding:28px 40px}#contact-title{font-size:38px;letter-spacing:-.06em;margin:30px 0 15px}.contact-lead{font-size:13px;color:#687363;margin-bottom:30px}.form-consents{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:11px}.form-consents label{display:flex;align-items:center;gap:9px;font-size:12px}.form-consents input{width:16px;height:16px;padding:0;accent-color:var(--blue);flex:none}.form-consents button{font-size:10px;min-height:34px;text-decoration:underline}.application-plan-summary{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.application-plan-summary strong{font-size:25px;color:var(--blue);letter-spacing:-.04em}.application-plan-summary ul{padding-left:18px;font-size:12px;line-height:1.9;margin-top:15px}#inquiry .inquiry-layout{padding:25px 0}.form-followup textarea{min-height:150px}#legal-dialog{width:min(820px,94vw);max-height:85dvh}#legal-copy p{font-size:14px;line-height:1.9;margin:22px 0}.legal-ok{margin:10px 0}.local-note{padding:12px;background:#e4eaff;color:#4b5878!important}.local-note:empty{display:none}#offer-dialog{width:min(500px,94vw);padding:15px}#offer-dialog h2{font-size:15px}.offer-image-button{padding:0;width:100%}.offer-image-button img{width:100%;height:auto}.offer-today{display:flex;align-items:center;gap:10px;padding:15px;font-size:12px}.offer-today input{width:16px;height:16px;padding:0}#project-source{font-size:11px;margin-left:auto}.form-status{min-height:20px}
@media(max-width:1100px){.header .rolling{display:none}.hero-caption p{font-size:20px}.hero-offer-label{font-size:16px}.hero-cta{min-width:230px}.hero-scroll{left:44%;font-size:8px}.business-intro{gap:30px 5vw}.business-intro h2{font-size:4.8vw}.business-intro p{font-size:13px}.archive-track{grid-auto-columns:37vw}.service-heading h2{font-size:4.3vw}.service-list-row{grid-template-columns:50px 1fr 1.1fr;gap:20px}.service-list-row h3{font-size:22px}.plan-select span{font-size:23px}.plans-heading h2{font-size:4.3vw}.finale-intro{font-size:22px}}
@media(max-width:700px){.brand{font-size:26px;letter-spacing:-1.5px}.brand sup{font-size:8px}.contact-trigger{font-size:10px;gap:8px}.header nav{gap:9px}.hero h1{top:23%;left:var(--g);right:var(--g)}.open-title{font-size:18vw;letter-spacing:-.075em;line-height:1.12}.next-title{font-size:16.6vw;letter-spacing:-.075em;margin-top:0;line-height:1.15}.hero-offer-label{top:17.5%;font-size:13px}.hero-rig{top:44%;width:63vw;height:40vw;right:13%}.hero-caption{bottom:15%}.hero-caption p{font-size:17px;line-height:1.55}.hero-caption>span{font-size:8px;max-width:295px}.hero-scroll{left:var(--g);bottom:5.5%}.hero-cta{min-width:0;width:48%;bottom:5%;font-size:12px}.hero-cta small{font-size:8px}.hero-bottom{font-size:6px}.hero-aperture>span{font-size:12vw}
.promise-band{padding:65px var(--g) 40px;grid-template-columns:1fr;gap:30px}.promise-band h2{font-size:34px}.promise-band>div>p{font-size:13px}.promise-band .action{font-size:12px;padding:15px;gap:20px}.text-link{font-size:10px;margin-left:12px}.promise-band h3{font-size:20px}.promise-band li{padding:20px 0}.promise-band li p{font-size:12px}.promise-note{font-size:11px}.offer-poster-link{text-align:left;font-size:11px;margin-top:-15px}.business-intro{padding:65px var(--g) 20px;grid-template-columns:1fr;gap:23px}.business-intro h2{font-size:34px}.business-intro h3{font-size:17px}.business-intro p{font-size:13px}.capabilities{height:220svh}.cap-title{font-size:15vw}.cap-description{width:calc(100% - 44px)}.cap-description h3{font-size:24px}.free-intro{padding:60px var(--g);grid-template-columns:1fr;gap:25px}.free-intro h2{font-size:32px}.free-intro p{font-size:12px}.free-intro li{display:block;font-size:11px}.free-intro li>span{display:block;margin-top:7px}.preview-copy{width:calc(100% - 44px)}.preview-copy p{font-size:11px}.preview-copy h3{font-size:19px}.work-info h2{font-size:10.5vw}.work-art img{width:200%;margin-left:-50%}
.portfolio-archive{padding:60px 0 40px}.archive-heading{display:block}.archive-heading h2{font-size:35px}.archive-heading p{font-size:12px}.archive-controls{margin-top:22px;justify-content:flex-end}.archive-controls button{width:42px;height:42px}.archive-track{grid-auto-columns:76vw;gap:18px;padding-top:25px}.archive-image{height:340px}.archive-caption{font-size:12px}.archive-note{font-size:10px}.service-section{padding:65px var(--g)}.service-heading{grid-template-columns:1fr;gap:18px}.service-heading h2{font-size:30px}.service-heading p{font-size:12px}.service-list-row{grid-template-columns:35px 1fr;gap:12px;padding:25px 0}.service-number{font-size:24px!important}.service-list-row h3{font-size:22px}.service-list-row>p{grid-column:2;font-size:12px}.service-list-row small{font-size:8px}.service-scope-note{padding:20px}.service-scope-note p{font-size:12px}.service-scope-note>span{font-size:10px}.screen-design{padding:60px var(--g)}.screen-design>h2{font-size:29px;margin:20px 0 30px}.design-stories{grid-template-columns:1fr;gap:40px}.design-stories article:nth-child(2){padding-top:0}.story-image{height:270px}.design-stories h3{font-size:23px}.design-stories p{font-size:12px}
.plans-heading h2{font-size:8vw}.plan-select span{font-size:17px;min-height:42px;line-height:1.25;max-width:100%;white-space:normal}.plan-select b{font-size:10px;margin-top:6px}.plan-select i{display:none}.plan-select small{font-size:6px}.plan-price>strong{font-size:43px}.plan-price .action{font-size:12px;padding:15px}.plan-details li{font-size:12px;gap:15px}.plan-comparison summary{font-size:12px;line-height:1.6}.plan-comparison th,.plan-comparison td{padding:12px 9px;font-size:11px}.history-stat>div b{font-size:16px}.finale-intro{font-size:19px;right:var(--g)}.finale-bottom>p{font-size:10px}.finale-cta{font-size:16px}.footer .brand{font-size:27px}.footer small{font-size:9px}#contact-dialog{padding:20px}#contact-title{font-size:30px}.contact-lead{font-size:12px}.form-consents label{font-size:10px}.form-consents button{font-size:9px}.application-plan-summary{margin-top:15px}.application-plan-summary strong{font-size:22px}.application-plan-summary ul{display:none}#legal-dialog{padding:20px}#legal-copy p{font-size:13px}#project-source{font-size:9px}#project-title{font-size:14px!important;max-width:45%}.dialog-head{gap:10px}}
.business-keyvisual{display:block;width:100%;height:200px;object-fit:cover;margin-top:26px;filter:saturate(.7)}
.free-intro h3{font-size:19px;line-height:1.5;margin-bottom:16px;word-break:keep-all}.free-intro>div>p+p{margin-top:15px}
.service-heading h2,.screen-design>h2,.business-intro h2,.plans-heading h2{word-break:keep-all}
.plan-select span{word-break:keep-all}
@media(min-width:701px){.hero-rig{top:40%}}
/* Search → secure website → responsive screen: capability 03. */
.cap-stage[data-state="2"] .cap-core{z-index:4}
.cap-network.search-visual{overflow:visible}
.search-visual text{font-family:Studio,Arial,sans-serif;fill:#19392b;letter-spacing:-.035em}
.cap-network.search-visual path{stroke-dasharray:none;stroke-dashoffset:0;transition:none}
.search-visual .sv-divider{stroke:#cdd5ca;stroke-width:1}
.search-visual .sv-small-lock,.search-visual .sv-search-icon{stroke:#34593e;stroke-width:1.6;fill:none;stroke-linecap:round}
.search-visual .sv-menu{stroke:#42654c;stroke-width:1.5}
.search-visual .sv-url{font:10px Consolas;letter-spacing:0;fill:#42604a}
.search-visual .sv-logo{font:700 12px Arial;letter-spacing:.03em}
.search-visual .sv-site-title{font-size:32px;font-weight:700;letter-spacing:-.065em}
.search-visual .sv-button-label{font-size:9px;fill:white}
.search-visual .sv-card-label{font-size:22px;font-weight:650}
.search-visual .sv-query{font-size:13px;fill:#50694f}
.search-visual .sv-result-title{font-size:19px;font-weight:650;fill:#214df3}
.search-visual .sv-result-line{stroke:#214df3;stroke-width:1.3}
.search-visual .sv-result-url{font:12px Consolas;fill:#42604a}
.search-visual .sv-result-sub{font-size:13px;fill:#64755e}
.search-visual .sv-route,.search-visual .sv-arrow{stroke:#d5fa86;stroke-width:3;fill:none}
.search-visual .sv-shield{fill:#214df3;stroke:#d5fa86;stroke-width:2}
.search-visual .sv-check{stroke:#d5fa86;stroke-width:7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.search-visual .sv-security-label{font-size:20px;font-weight:650}
.search-visual .sv-mobile-logo{font:700 9px Arial}
.search-visual .sv-mobile-title{font-size:17px;font-weight:650}
.search-visual .sv-responsive-label{font:10px Consolas;letter-spacing:.02em;fill:#214df3}
.search-visual .sv-overline{font-size:16px;font-weight:500;fill:#d5fa86;letter-spacing:.035em}
.cap-stage[data-state="2"] .sv-search{animation:sv-search-in .65s both}
.cap-stage[data-state="2"] .sv-browser{animation:sv-browser-in .75s .25s both;transform-origin:70% 45%}
.cap-stage[data-state="2"] .sv-connection{animation:sv-connection-in .5s .5s both}
.cap-stage[data-state="2"] .sv-security{animation:sv-security-in .65s .65s both;transform-origin:45% 80%}
.cap-stage[data-state="2"] .sv-check{stroke-dasharray:70;animation:sv-check-in .7s 1s both}
.cap-stage[data-state="2"] .sv-mobile{animation:sv-mobile-in .7s .85s both}
@keyframes sv-search-in{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes sv-browser-in{from{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:none}}
@keyframes sv-connection-in{from{opacity:0}to{opacity:1}}
@keyframes sv-security-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
@keyframes sv-check-in{from{stroke-dashoffset:70}to{stroke-dashoffset:0}}
@keyframes sv-mobile-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(min-width:701px){.cap-stage[data-state="2"] .cap-title{font-size:10.5vw}}
@media(max-width:700px){.cap-stage[data-state="2"] .cap-core{width:86vw;right:7%;height:58vw;top:36%}.search-visual .sv-overline{font-size:18px}}
body.reduced .search-visual *{animation:none!important;stroke-dashoffset:0!important}
/* Capability 04: incomplete materials become a coherent first page. */
.cap-ledger.material-support{inset:0;padding:0;background:transparent;transform:translateY(20px);opacity:0;transition:opacity .45s,transform .65s;overflow:visible}
.cap-stage[data-state="3"] .material-support{transform:none;opacity:1}
.cap-stage[data-state="3"] .cap-core{z-index:4}
.material-support svg{width:100%;height:100%;overflow:visible}
.material-support text{font-family:Studio,Arial,sans-serif;fill:#223b48;letter-spacing:-.035em}
.material-support .ms-overline{font-size:18px;font-weight:500;fill:#d5fa86;letter-spacing:.01em}
.material-support .ms-brief-title{font-size:22px;font-weight:650}
.material-support .ms-placeholder{fill:none;stroke:#9eabb2;stroke-width:2;stroke-linecap:round}
.material-support .ms-paper-line{fill:none;stroke:#b5c1c8;stroke-width:1.4}
.material-support .ms-missing{font-size:12px;fill:#7a8891}
.material-support .ms-reassurance{font-size:12px;fill:#214df3;font-weight:550}
.material-support .ms-arrow text{font-size:14px;fill:#d5fa86}
.material-support .ms-browser-title{font:10px Consolas,Studio,sans-serif;letter-spacing:0;fill:#586d7a}
.material-support .ms-image-label{font-size:14px;font-weight:550;fill:#254739}
.material-support .ms-page-title{font-size:22px;font-weight:650;letter-spacing:-.07em}
.material-support .ms-page-copy{font-size:13px;fill:#78858c}
.material-support .ms-section-label{font-size:16px;font-weight:550}
.material-support .ms-white{fill:#fff}
.material-support .ms-check{fill:none;stroke:#22412b;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.material-support .ms-result-label{font-size:16px;font-weight:600;fill:#22412b}
.material-support .ms-number{font:20px Consolas;fill:#214df3}
.material-support .ms-deliverable-label{font-size:20px;font-weight:600}
.cap-stage[data-state="3"] .ms-brief{animation:ms-brief-in .55s both}
.cap-stage[data-state="3"] .ms-page{animation:ms-page-in .6s .2s both}
.cap-stage[data-state="3"] .ms-arrow{animation:ms-fade-in .45s .3s both}
.cap-stage[data-state="3"] .ms-fill-image{animation:ms-picture-in .8s .6s both}
.cap-stage[data-state="3"] .ms-fill-copy{animation:ms-copy-in .75s 1s both}
.cap-stage[data-state="3"] .ms-fill-sections{animation:ms-sections-in .65s 1.4s both}
.cap-stage[data-state="3"] .ms-result{animation:ms-result-in .55s 1.9s both;transform-origin:83% 80%}
.cap-stage[data-state="3"] .ms-deliverable-image{animation:ms-fade-in .5s .6s both}
.cap-stage[data-state="3"] .ms-deliverable-copy{animation:ms-fade-in .5s 1s both}
.cap-stage[data-state="3"] .ms-deliverable-sections{animation:ms-fade-in .5s 1.4s both}
@keyframes ms-brief-in{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
@keyframes ms-page-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@keyframes ms-fade-in{from{opacity:0}to{opacity:1}}
@keyframes ms-picture-in{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes ms-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ms-sections-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ms-result-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@media(min-width:701px){.cap-stage[data-state="3"] .cap-title{font-size:10vw}}
@media(max-width:700px){.cap-stage[data-state="3"] .cap-core{width:90vw;right:5%;height:61vw;top:36%}.material-support .ms-overline{font-size:19px}}
body.reduced .material-support *{animation:none!important}

/* Curated samples: concept names live beside, never over, the website. */
.curated-works .work-stage{background:#19211f}
.curated-works .work-panels{inset:15% 0 18%}
.curated-works .work-panel{--sample-ink:#eeeee5;--sample-muted:#afb6aa;--sample-accent:#c6d4b2;background:#19211f;color:var(--sample-ink)}
.curated-works .work-panel[data-work-index="1"]{--sample-ink:#333e33;--sample-muted:#687363;--sample-accent:#617953;background:#e7e6dc}
.curated-works .work-panel[data-work-index="2"]{--sample-ink:#edf0df;--sample-muted:#adbbae;--sample-accent:#cad6a9;background:#223b30}
.curated-works .work-art{inset:5% 3.2% 8% 37%;border:1px solid #ffffff30;border-radius:3px;background:#f5f4ef;box-shadow:0 22px 55px #0003;transform-origin:center}
.curated-works .work-art:after{display:none}
.curated-works .work-art img{display:block;width:100%;height:auto;max-width:none;margin:0;object-fit:contain;filter:none;transform-origin:top center}
.sample-chrome{position:relative;z-index:2;height:28px;background:#f2f1eb;color:#61695c;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #d7d9cf;font:8px Consolas,monospace;letter-spacing:.05em}
.sample-chrome>span:first-child{font-size:7px;letter-spacing:2px;color:#abb2a4}
.curated-works .work-info{inset:9% auto 11% var(--g);width:29%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.curated-works .work-info>.eyebrow{font-size:9px;letter-spacing:.05em;color:var(--sample-muted);margin-bottom:26px}
.curated-works .work-info h2{font-size:5.7vw;line-height:.9;letter-spacing:-.055em;white-space:normal;font-weight:600;margin:0 0 26px}
.curated-works .work-info h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.06em;letter-spacing:-.055em;color:var(--sample-accent)}
.work-summary h3{font-size:18px;font-weight:550;letter-spacing:-.04em;margin:0 0 10px}
.work-summary p{font-size:12px;line-height:1.8;color:var(--sample-muted);margin:0}
.work-tags{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--sample-muted);margin-top:19px}
.work-tags i{font:8px Consolas,monospace;border-left:1px solid currentColor;padding-left:12px;letter-spacing:.04em}
.curated-works .work-open{width:100%;max-width:230px;height:49px;min-height:44px;margin-top:27px;border:0;border-top:1px solid #8c9a8266;border-radius:0;display:flex;align-items:center;justify-content:space-between;font:12px Studio;color:var(--sample-ink);text-align:left}
.curated-works .work-open i{font:26px Arial;font-style:normal;transition:transform .25s}
.curated-works .work-open:hover{background:transparent;color:var(--sample-accent)}
.curated-works .work-open:hover i{transform:translate(3px,-3px)}
.sample-caption{position:absolute;bottom:2%;right:3.2%;font-size:8px;color:var(--sample-muted);letter-spacing:.06em}
@media(min-width:701px) and (max-width:1100px){
 .curated-works .work-info{width:31%;left:3%}.curated-works .work-info>.eyebrow{font-size:8px}.work-summary h3{font-size:16px}.work-summary p{font-size:11px}.curated-works .work-art{left:38%;top:14%;bottom:15%}
}
@media(max-width:700px){
 .curated-works .work-panels{inset:15% 0 24%}
 .curated-works .work-art{inset:35% 6% 8%;border-radius:2px}
 .sample-chrome{height:19px;padding:0 8px;font-size:6px}.sample-chrome>span:first-child{font-size:5px}
 .curated-works .work-info{inset:0 6% auto;width:auto;height:32%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:15px;align-items:center}
 .curated-works .work-info>.eyebrow{grid-column:1/-1;margin:0 0 12px;font-size:7px}
 .curated-works .work-info h2{font-size:10.5vw;grid-row:2;margin:0;max-width:none}
 .work-summary{grid-column:2;grid-row:2;align-self:start;margin-top:4px}.work-summary h3{font-size:12px;line-height:1.5;margin:0 0 8px}.work-summary p{display:none}.work-tags{font-size:9px;line-height:1.5;margin:0}.work-tags i{display:none}
 .curated-works .work-open{position:absolute;right:0;bottom:0;top:auto;width:46%;height:44px;margin:0;background:transparent;color:var(--sample-ink);padding:0;border:0;border-top:1px solid #8c9a8266;z-index:4;font-size:10px}
 .curated-works .work-open:hover{background:transparent;color:var(--sample-accent)}
 .sample-caption{right:6%;bottom:1%;font-size:6px}
}
body.reduced .curated-works .work-panel{height:680px}
@media(max-width:700px){body.reduced .curated-works .work-panel{height:520px}}

/* Explain the visitor journey here; portfolio imagery stays in the showcase. */
.inquiry-journey{background:#e6eaf3}
.finale-cta.preview-invite{width:clamp(300px,32vw,460px);min-height:136px;flex:none;display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:24px;padding:25px 27px;background:#dceebc;color:#193b2b;border:1px solid #ffffff50;border-radius:5px;box-shadow:0 8px 24px #10237a12;text-align:left;transition:background .25s,border-color .25s,box-shadow .25s}
.invite-copy{display:flex;flex-direction:column;gap:10px;min-width:0}
.invite-kicker{font:9px Consolas,monospace;letter-spacing:.08em;color:#47653b}
.preview-invite .invite-title{font:650 clamp(20px,1.65vw,28px)/1.25 Studio;letter-spacing:-.055em;white-space:nowrap}
.invite-note{font:11px/1.5 Studio;letter-spacing:-.025em;color:#47653b}
.invite-arrow{position:relative;display:block;width:58px;height:58px;overflow:hidden;border:1px solid #193b2b;background:#193b2b;border-radius:50%;color:#e7f2d1;transition:background .25s,color .25s}
.invite-arrow svg{position:absolute;width:28px;height:28px;inset:14px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .42s var(--ease)}
.invite-arrow svg+svg{transform:translate(-44px,44px)}
.finale-cta.preview-invite:hover{background:#ebf6d7;border-color:#eff9dc;box-shadow:0 12px 30px #10237a20}
.preview-invite:is(:hover,:focus-visible) .invite-arrow svg:first-child{transform:translate(44px,-44px)}
.preview-invite:is(:hover,:focus-visible) .invite-arrow svg+svg{transform:translate(0,0)}
.finale-cta.preview-invite:focus-visible{outline:2px solid #fff;outline-offset:6px}
.finale-cta.preview-invite:active{background:#cbdfa6}
@media(min-width:701px) and (max-width:1100px){.finale-cta.preview-invite{width:300px;padding:22px 19px;grid-template-columns:minmax(0,1fr) 43px;gap:16px;min-height:123px}.preview-invite .invite-title{font-size:19px}.invite-kicker{font-size:8px}.invite-note{font-size:9px}.invite-arrow{width:43px;height:43px}.invite-arrow svg{width:23px;height:23px;inset:9px}}
@media(max-width:700px){.finale-cta.preview-invite{width:100%;min-height:127px;padding:22px;grid-template-columns:minmax(0,1fr) 48px;gap:16px}.preview-invite .invite-title{font-size:21px}.invite-kicker{font-size:8px}.invite-note{font-size:10px}.invite-arrow{width:48px;height:48px}.invite-arrow svg{width:25px;height:25px;inset:10px}}
@media(max-width:360px){.finale-cta.preview-invite{padding:19px 16px;gap:12px;grid-template-columns:minmax(0,1fr) 42px}.preview-invite .invite-title{font-size:19px}.invite-note{font-size:9px}.invite-arrow{width:42px;height:42px}.invite-arrow svg{width:23px;height:23px;inset:8px}}
body.reduced .preview-invite,body.reduced .preview-invite *{transition:none!important}
@media(prefers-reduced-motion:reduce){.preview-invite,.preview-invite *{transition:none!important}}
.delivery-workspace{right:var(--g);top:35%;width:49%;height:46%;max-height:none;perspective:none;display:flex;flex-direction:column;background:#fff;border:1px solid #cdd2c8;box-shadow:0 20px 50px #1833220c;border-radius:5px;overflow:hidden}
.delivery-top{height:39px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 23px;background:#f1f3ed;border-bottom:1px solid #dce1d5;font:9px Consolas,Studio,monospace;color:#64715c}
.delivery-top>span:first-child{display:flex;align-items:center;gap:8px}.delivery-top i{width:6px;height:6px;background:#214df3;border-radius:50%}
.delivery-content{flex:1;min-height:0;padding:22px 26px 15px;display:flex;flex-direction:column;gap:16px}
.delivery-content[hidden]{display:none}
.delivery-title>span{font:9px Consolas,Studio,monospace;letter-spacing:.05em;color:#214df3}
.delivery-title h3{font-size:clamp(18px,1.7vw,29px);font-weight:650;letter-spacing:-.055em;line-height:1.25;margin:9px 0 0}
.delivery-result{display:flex;align-items:center;gap:14px;margin-top:auto;border-top:1px solid #dce1d5;padding-top:13px;color:#293d2e;min-height:32px}
.delivery-result>span{font-size:10px;color:#687763;flex:none}.delivery-result b{font-size:12px;font-weight:600;letter-spacing:-.03em}.delivery-result i{font:21px Arial;color:#214df3;margin-left:auto}
.brief-rows{margin:0}.brief-rows>div{display:flex;align-items:center;gap:20px;border-bottom:1px solid #e6e9e1;padding:13px 0}
.brief-rows dt{font-size:12px;color:#687763;width:37%;flex:none}.brief-rows dd{font-size:14px;font-weight:550;margin:0;letter-spacing:-.025em}
.content-files{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.content-files>div{background:#f3f5ef;border:1px solid #dde4d3;padding:15px;display:flex;flex-direction:column;gap:7px}
.content-files b{height:35px;font:30px Georgia;color:#627752}.content-files strong{font-size:13px;font-weight:600}.content-files span{font-size:10px;color:#697561}.content-files b.file-type{font:20px Consolas;padding-top:6px}
.content-files svg{height:30px;width:40px;fill:none;stroke:currentColor;stroke-width:1.5}.delivery-note{font-size:11px;line-height:1.6;color:#697561;margin:0}
.site-structure{padding:1px 0 5px}.structure-home{position:relative;background:#214df3;color:#fff;width:64%;margin:0 auto 26px;padding:13px;display:flex;justify-content:center;align-items:center;gap:15px}
.structure-home b{font-size:14px}.structure-home span{font-size:10px;color:#e4eaff}.structure-home:after{content:"";position:absolute;width:1px;height:14px;background:#a5b8e7;top:100%;left:50%}
.structure-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.structure-branches:before{content:"";position:absolute;top:-13px;left:16%;right:16%;height:1px;background:#a5b8e7}
.structure-branches>div{position:relative;text-align:center;background:#f1f4fb;border:1px solid #cad5ee;padding:13px 4px;display:grid;gap:7px}.structure-branches>div:before{content:"";height:12px;width:1px;background:#a5b8e7;position:absolute;left:50%;bottom:100%}
.structure-branches b{font-size:13px;font-weight:600}.structure-branches span{font-size:10px;color:#64718a}
.build-preview{background:#e9ede3;border:1px solid #cad5c0}.build-nav{display:flex;justify-content:space-between;gap:20px;padding:10px 16px;border-bottom:1px solid #c4ceba;font-size:9px}.build-nav span{color:#667c5a}
.build-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px}.build-layout small{font-size:9px;color:#627752}.build-layout strong{display:block;font-size:23px;letter-spacing:-.06em;line-height:1.2;margin:8px 0 10px}.build-cta{display:inline-block;background:#214df3;color:#fff;padding:6px 13px;font-size:9px}.build-layout ul{list-style:none;padding:0;margin:0;align-self:center}.build-layout li{display:flex;gap:12px;font-size:11px;padding:11px 0;border-bottom:1px solid #c4ceba}.build-layout li b{font:10px Consolas;color:#6b825c}
.quality-list{list-style:none;margin:0;padding:0}.quality-list li{display:grid;grid-template-columns:1fr 1.4fr 20px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e6e9e1;font-size:12px}.quality-list b{font-weight:550}.quality-list span{color:#697561;font-size:11px}.quality-list i{font-style:normal;background:#e4eed8;color:#365c1c;width:20px;height:20px;display:grid;place-items:center;border-radius:50%}
.launch-address{display:flex;align-items:center;gap:12px;background:#f0f4eb;border:1px solid #d7e1cb;padding:15px;color:#50683d;font:14px Consolas,monospace}.launch-address svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.launch-address b{color:#243e29;font-weight:550}.launch-address small{margin-left:auto;font:9px Studio;color:#6c7f5f;white-space:nowrap}
.handover-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.handover-items>div{padding:8px 0;display:grid;gap:7px}.handover-items b{font:10px Consolas;color:#214df3}.handover-items strong{font-size:13px;font-weight:550}.handover-items span{font-size:10px;color:#697561}
.delivery-progress{display:flex;gap:4px;padding:0 26px 13px;flex:none;height:16px}.delivery-progress i{height:3px;background:#e5e9df;flex:1;transition:background .3s}.delivery-progress i.is-complete{background:#214df3}
.delivery-content:not([hidden])>:not(.delivery-result){animation:delivery-reveal .45s var(--ease) both}.delivery-content:not([hidden])>:nth-child(2){animation-delay:.08s}.delivery-content:not([hidden])>:nth-child(3){animation-delay:.16s}
.delivery-content:not([hidden]) .quality-list i{animation:delivery-check .35s .15s both}.delivery-content:not([hidden]) .quality-list li:nth-child(2) i{animation-delay:.25s}.delivery-content:not([hidden]) .quality-list li:nth-child(3) i{animation-delay:.35s}.delivery-content:not([hidden]) .quality-list li:nth-child(4) i{animation-delay:.45s}
@keyframes delivery-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes delivery-check{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
body.reduced .delivery-workspace *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.delivery-workspace *{animation:none!important;transition:none!important}}
@media(min-width:701px) and (max-width:1100px){.delivery-workspace{top:36%;width:51%;height:46%}.delivery-content{padding:18px;gap:14px}.delivery-result{gap:8px}.delivery-result b{font-size:10px}.brief-rows>div{gap:10px}.brief-rows dt{font-size:10px}.brief-rows dd{font-size:11px}.structure-home{width:85%;gap:8px}.content-files>div{padding:10px 7px}.content-files strong{font-size:11px}.content-files span{font-size:8px}.build-layout{gap:10px;padding:12px}.build-layout strong{font-size:19px}.build-layout li{font-size:9px}.quality-list li{font-size:10px}.quality-list span{font-size:9px}}
@media(max-width:700px){
 .delivery-workspace{width:calc(100% - 44px);right:22px;top:31%;height:38%;border-radius:4px}
 .delivery-top{height:28px;padding:0 13px;font-size:7px}.delivery-top i{width:4px;height:4px}
 .delivery-content{padding:13px 15px 10px;gap:12px}.delivery-title>span{font-size:7px}.delivery-title h3{font-size:19px;margin-top:6px}
 .delivery-result{gap:9px;padding-top:9px;min-height:27px}.delivery-result>span{font-size:8px}.delivery-result b{font-size:10px}.delivery-result i{font-size:17px}
 .brief-rows>div{padding:10px 0;gap:9px}.brief-rows dt{font-size:10px;width:38%}.brief-rows dd{font-size:10px}
 .content-files{gap:6px}.content-files>div{padding:9px 7px;gap:5px}.content-files b{height:27px;font-size:25px}.content-files b.file-type{font-size:17px}.content-files svg{height:25px;width:30px}.content-files strong{font-size:10px}.content-files span{font-size:8px}.delivery-note{font-size:9px;line-height:1.5}
 .structure-home{width:87%;padding:10px;gap:10px;margin-bottom:25px}.structure-home b{font-size:11px}.structure-home span{font-size:9px}.structure-branches{gap:6px}.structure-branches>div{padding:11px 3px;gap:6px}.structure-branches b{font-size:11px}.structure-branches span{font-size:8px}
 .build-nav{padding:7px 10px;font-size:7px}.build-layout{padding:10px;gap:10px}.build-layout small{font-size:7px}.build-layout strong{font-size:18px;margin:6px 0 8px}.build-cta{font-size:8px;padding:5px 8px}.build-layout li{font-size:8px;gap:6px;padding:8px 0}.build-layout li b{font-size:8px}
 .quality-list li{font-size:10px;padding:7px 0;gap:6px;grid-template-columns:1fr 1.25fr 17px}.quality-list span{font-size:9px}.quality-list i{width:17px;height:17px;font-size:10px}
 .launch-address{gap:8px;padding:11px;font-size:12px}.launch-address small{font-size:7px}.launch-address svg{width:18px;height:18px}.handover-items{gap:8px}.handover-items>div{padding:3px 0;gap:6px}.handover-items b{font-size:9px}.handover-items strong{font-size:11px}.handover-items span{font-size:9px}
 .delivery-progress{padding:0 15px 9px;height:12px;gap:3px}
}
.inquiry-journey>h2{margin-bottom:22px}
.journey-lead{font-size:15px;line-height:1.8;color:#526073;max-width:650px;margin:0 0 54px}
@media(max-height:800px) and (min-width:701px){.delivery-workspace{height:49%}}
@media(max-height:800px) and (max-width:700px){.delivery-workspace{height:41%}}
.journey-route{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.journey-route li{position:relative;padding:0 34px 30px 0;min-width:0}
.journey-route li+li{padding-left:34px;border-left:1px solid #b9c3d6}
.journey-marker{display:flex;align-items:center;gap:18px;margin-bottom:34px}
.journey-marker:after{content:"";height:1px;flex:1;background:#b5c0d5;order:1}
.journey-marker>span{width:42px;height:42px;border:1px solid #9cabc7;border-radius:50%;display:grid;place-items:center;font:12px Consolas;color:#214df3;flex:none}
.journey-marker i{font:28px Arial;color:#214df3;order:2}
.journey-route li:last-child .journey-marker>span{background:#214df3;border-color:#214df3;color:white}
.journey-phase{font:10px Consolas,Studio,monospace;letter-spacing:.02em;color:#596b87}
.journey-route h3{font-size:clamp(21px,1.8vw,34px);font-weight:650;letter-spacing:-.055em;line-height:1.4;margin:18px 0}
.journey-route p{font-size:13px;color:#526073;line-height:1.9;word-break:keep-all;margin:0;min-height:76px}
.journey-deliverables{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.journey-deliverables span{font-size:11px;border:1px solid #bdc8db;padding:7px 12px;border-radius:3px;color:#3d506c}
.journey-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:27px;padding-top:28px;border-top:1px solid #b9c3d6}
.journey-footer p{margin:0;max-width:670px}
.journey-footer strong{display:block;font-size:17px;font-weight:600;margin-bottom:8px;letter-spacing:-.03em}
.journey-footer p>span{display:block;font-size:12px;line-height:1.8;color:#526073}
.journey-footer button{display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #214df3;color:#214df3;padding:15px 0;min-height:48px;font-size:13px;flex:none}
.journey-footer button i{font:25px Arial;transition:transform .25s}
.journey-footer button:hover i{transform:translate(3px,-3px)}
@media(max-width:1000px) and (min-width:701px){.journey-route li{padding-right:20px}.journey-route li+li{padding-left:20px}.journey-route h3{font-size:20px}.journey-route p{font-size:12px;min-height:100px}}
@media(max-width:700px){
 .journey-lead{font-size:12px;margin-bottom:32px;max-width:320px}
 .journey-route{display:block}
 .journey-route li,.journey-route li+li{padding:0 0 30px 55px;border:0;border-left:1px solid #b5c0d5;margin-left:17px}
 .journey-route li:last-child{border-left-color:transparent;padding-bottom:0}
 .journey-marker{position:absolute;left:-18px;top:0;margin:0}
 .journey-marker>span{width:35px;height:35px;background:#e6eaf3;font-size:10px}
 .journey-marker:after,.journey-marker i{display:none}
 .journey-phase{font-size:9px;display:block;padding-top:7px}
 .journey-route h3{font-size:21px;margin:13px 0 10px}
 .journey-route p{font-size:12px;min-height:0;line-height:1.8}
 .journey-deliverables{margin-top:15px;gap:6px}.journey-deliverables span{font-size:10px;padding:5px 9px}
 .journey-footer{display:block;margin-top:32px;padding-top:23px}.journey-footer strong{font-size:16px}.journey-footer p>span{font-size:11px}.journey-footer button{margin-top:18px;width:100%;font-size:12px}
}
/* A receipt is shown only after the application endpoint confirms success. */
.submission-success[hidden]{display:none!important}
#contact-dialog.has-submission-success>#contact-title,#contact-dialog.has-submission-success>.contact-lead,#contact-dialog.has-submission-success>form,#inquiry.has-submission-success>.inquiry-layout{display:none}
dialog.has-submission-success{width:min(720px,94vw)}
.submission-success{text-align:center;padding:34px 0 4px;animation:receipt-enter .45s ease-out both}
.receipt-emblem{position:relative;width:100px;height:100px;margin:0 auto 24px;border-radius:50%;background:#e4ebd9;animation:receipt-pop .65s cubic-bezier(.2,.85,.3,1.2) both}
.receipt-emblem svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#234cf4}
.receipt-ring{stroke-width:1.3;stroke-dasharray:271;stroke-dashoffset:271;animation:receipt-draw .7s .12s ease-out forwards}
.receipt-check{stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:61;stroke-dashoffset:61;animation:receipt-draw .42s .55s ease-out forwards}
.receipt-spark{position:absolute;width:7px;height:7px;background:#234cf4;border-radius:50%;animation:receipt-pop .45s .4s both}
.receipt-spark-one{right:-14px;top:16px}.receipt-spark-two{left:-12px;bottom:13px;width:4px;height:4px;animation-delay:.6s}
.receipt-label{display:block;font-family:monospace;font-size:10px;letter-spacing:.12em;color:#234cf4;margin-bottom:17px}
.submission-success h2{font-size:clamp(26px,3.1vw,38px);font-weight:750;line-height:1.3;letter-spacing:-.065em;margin:0;color:#1b2421;word-break:keep-all;outline:none}
.receipt-message{font-size:15px;line-height:1.85;color:#65706a;margin:20px 0 28px;word-break:keep-all}
.receipt-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;margin:0 0 26px;border-top:1px solid #d6dad2;border-bottom:1px solid #d6dad2;text-align:left;gap:14px}
.receipt-steps li{position:relative;font-size:12px;color:#6b756f;line-height:1.5;word-break:keep-all}.receipt-steps li+li{border-left:1px solid #d6dad2;padding-left:18px}
.receipt-steps li span{display:block;font-family:monospace;font-size:10px;margin-bottom:6px;opacity:.7}.receipt-steps .is-complete{color:#234cf4;font-weight:700}
.receipt-confirm{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;background:#234cf4;color:white;padding:19px 24px;font-size:15px;text-align:left;transition:background .2s,transform .2s}
.receipt-confirm span:last-child{font-size:28px;line-height:1;transition:transform .2s}.receipt-confirm:hover{background:#173acf}.receipt-confirm:hover span:last-child{transform:translate(2px,-2px)}
.receipt-confirm:focus-visible{outline:2px solid #234cf4;outline-offset:4px}
form .action.is-sending{cursor:wait;opacity:.75}form .action.is-sending i{font-size:0;width:20px;height:20px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:receipt-spin .8s linear infinite;transform:none}
@keyframes receipt-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes receipt-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes receipt-draw{to{stroke-dashoffset:0}}
@keyframes receipt-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.submission-success{padding:26px 0 2px}.receipt-emblem{width:82px;height:82px;margin-bottom:22px}.submission-success h2{font-size:27px}.receipt-label{font-size:8px;letter-spacing:.08em}.receipt-message{font-size:13px;margin:16px 0 23px}.receipt-steps{gap:8px;padding:16px 0;margin-bottom:22px}.receipt-steps li{font-size:10px}.receipt-steps li+li{padding-left:10px}.receipt-confirm{padding:17px 20px}}
@media(prefers-reduced-motion:reduce){.submission-success,.receipt-emblem,.receipt-ring,.receipt-check,.receipt-spark,form .action.is-sending i{animation:none}.receipt-ring,.receipt-check{stroke-dashoffset:0}.receipt-confirm,.receipt-confirm span{transition:none}}
body.reduced .submission-success,body.reduced .receipt-emblem,body.reduced .receipt-ring,body.reduced .receipt-check,body.reduced .receipt-spark,body.reduced form .action.is-sending i{animation:none}
body.reduced .receipt-ring,body.reduced .receipt-check{stroke-dashoffset:0}