/* Sagiam service pages: navy and gold, purposeful product previews, shared UI tokens. */
@font-face{font-family:'DM Sans';src:url('../fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../fonts/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{--sg-navy:#11173f;--sg-deep:#0d1233;--sg-raised:#192147;--sg-panel:#20294f;--sg-gold:#eba71d;--sg-gold-light:#f6c75f;--sg-white:#f7f8ff;--sg-text:#b9c1d8;--sg-muted:#98a5c4;--sg-line:rgba(207,218,255,.13);--sg-input:#0e1534;--sg-focus:#f6c75f;--sg-error:#ffb4ac;--sg-radius:24px;--sg-ease:cubic-bezier(.23,1,.32,1)}
.service-page{font-family:'DM Sans',sans-serif;color:var(--sg-white);background:var(--sg-navy);line-height:1.65;-webkit-font-smoothing:antialiased;color-scheme:dark}
.service-page *,.sp-section *,.sp-case-brief *{box-sizing:border-box;min-width:0}
.service-page :is(h1,h2,h3,p,figure){margin:0}
.service-page a{color:inherit;text-decoration:none}
.service-page img{display:block;height:auto}
.service-page :is(button,input,select,textarea){font:inherit}
.service-page :is(a,summary,button):focus-visible,.sp-section :is(a,summary,button):focus-visible{outline:3px solid var(--sg-focus);outline-offset:5px}
.service-page :is(h1,h2,h3),.sp-section :is(h2,h3){font-family:'Space Grotesk','DM Sans',sans-serif;text-wrap:balance}
.service-page :is(p,li),.sp-section p{text-wrap:pretty}
.service-page .sp-hero{background:radial-gradient(ellipse at 84% 48%,#eba71d13,transparent 44%),linear-gradient(120deg,var(--sg-deep),var(--sg-navy));color:var(--sg-white);padding:32px 0 64px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--sg-line)}
.sp-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b8c8f904 1px,transparent 1px),linear-gradient(90deg,#b8c8f904 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.sp-breadcrumb{font-size:12px;color:var(--sg-muted);margin-bottom:40px!important;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sp-breadcrumb a{padding-block:8px}.sp-breadcrumb a:hover{color:var(--sg-gold-light)}
.sp-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:64px}
.sp-eyebrow,.service-page .sp-eyebrow{font-size:11px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--sg-gold-light);margin-bottom:16px;display:block}
.sp-hero .sp-eyebrow{display:flex;align-items:center;gap:12px}.sp-hero .sp-eyebrow:before{content:'';width:24px;height:2px;background:var(--sg-gold)}
.service-page h1{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.055em;line-height:1.08;font-weight:600;max-width:780px}
.service-page h1 em{color:var(--sg-gold-light);font-style:normal}
.service-page .sp-intro{font-size:17px;line-height:1.75;color:var(--sg-text);max-width:570px;margin-top:24px}
.sp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}
.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 24px;border-radius:999px;background:var(--sg-gold);color:var(--sg-deep)!important;font-size:14px;font-weight:750;min-height:52px;border:1px solid transparent;cursor:pointer;transition:transform 180ms var(--sg-ease),background 180ms}
.sp-button:hover{background:var(--sg-gold-light);transform:translateY(-2px)}.sp-button:active{transform:scale(.98)}
.sp-button.sp-button-outline{border-color:#b9c1d84d;background:transparent;color:var(--sg-white)!important;font-weight:600}.sp-button.sp-button-outline:hover{background:var(--sg-raised)}
.sp-hero-note{font-size:12px;color:var(--sg-muted);margin-top:24px!important}
.sp-hero-tags{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--sg-line);color:var(--sg-text);font-size:12px}
.sp-hero-tags span{display:flex;align-items:center;gap:8px}.sp-hero-tags span:before{content:'';height:4px;width:4px;border-radius:50%;background:var(--sg-gold)}
/* Actual project screens remain the focal point. */
.sp-project-hero{display:block;border:1px solid var(--sg-line);border-radius:var(--sg-radius);background:var(--sg-raised);overflow:hidden;position:relative;box-shadow:0 24px 64px #070b2430;transition:transform 220ms var(--sg-ease)}
.sp-project-hero:hover{transform:translateY(-4px)}
.sp-project-top{padding:20px 24px;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.08em;color:var(--sg-text);border-bottom:1px solid var(--sg-line)}
.sp-project-top>span:last-child{color:var(--sg-gold-light)}
.sp-project-stage{height:352px;background:radial-gradient(ellipse at 50% 100%,#eba71d24,transparent 80%),#111937;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:32px 24px 0;gap:24px}
.sp-project-stage img{width:100%;object-fit:cover;object-position:top;border-radius:12px;box-shadow:0 8px 32px #0004}
.sp-project-stage.sp-phone-stage{height:384px;padding:36px 32px 0;gap:24px;align-items:flex-start}
.sp-phone-stage img{width:44%;max-width:198px;border:5px solid #343c55;border-radius:24px;transform:rotate(-7deg);box-shadow:0 16px 40px #0005}
.sp-phone-stage img:last-child{margin-top:40px;transform:rotate(7deg)}
.sp-project-caption{padding:20px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.sp-project-caption strong{font-size:20px;color:var(--sg-white);display:block}.sp-project-caption small{font-size:12px;color:var(--sg-text)}
.sp-project-caption>span{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--sg-line);border-radius:50%;font-size:20px;color:var(--sg-gold-light)}
/* Alternate showcases, open columns and process layouts instead of repeating cards. */
.sp-section{padding:88px 0;background:var(--sg-navy);color:var(--sg-white);font-family:'DM Sans',sans-serif}.sp-section.sp-soft{background:var(--sg-deep)}
.sp-section.sp-ink{background:var(--sg-navy);position:relative;border-top:1px solid var(--sg-line)}
.sp-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:40px}
.service-page h2,.sp-section h2{font-size:clamp(30px,3.2vw,46px);line-height:1.16;letter-spacing:-.04em;font-weight:600;max-width:760px;color:var(--sg-white)}
.sp-section-heading>p{max-width:360px;color:var(--sg-text);font-size:15px;line-height:1.7}
.service-page h3,.sp-section h3{font-size:21px;line-height:1.35;letter-spacing:-.025em;font-weight:600;color:var(--sg-white)}
.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sp-grid.sp-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-card{border:1px solid var(--sg-line);border-radius:20px;padding:32px;background:var(--sg-raised);color:var(--sg-white)}
.sp-card p{font-size:15px;line-height:1.75;color:var(--sg-text);margin-top:16px}
.sp-number{display:block;font-size:12px;color:var(--sg-gold-light);font-weight:600;letter-spacing:.08em;margin-bottom:24px;font-variant-numeric:tabular-nums}
.sp-card ul,.sp-copy ul{padding-left:20px;color:var(--sg-text);font-size:15px}.sp-card li,.sp-copy li{margin-top:8px}
.sp-text-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:13px;font-weight:700;color:var(--sg-gold-light)!important;margin-top:16px;text-decoration:none!important}
.sp-text-link:hover{text-decoration:underline!important;text-underline-offset:5px}.sp-card .sp-text-link{display:flex}
.sp-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eba71d14;color:var(--sg-gold-light);margin-bottom:28px}
.sp-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sp-capabilities .sp-card{padding:32px 0;border-radius:0;background:transparent;border:0;border-top:1px solid var(--sg-line)}.sp-capabilities .sp-grid{gap:40px}
.sp-editorial .sp-card{background:transparent;border:0;border-radius:0;border-left:1px solid var(--sg-line);padding:0 28px}.sp-editorial .sp-card:first-child{padding-left:0;border:0}
.sp-editorial .sp-number{font-family:'Space Grotesk',sans-serif;font-size:40px;font-weight:400;letter-spacing:-.05em;color:#eba71d99;margin-bottom:20px}
.sp-project{display:block;border:1px solid var(--sg-line);border-radius:24px;overflow:hidden;background:var(--sg-raised);color:var(--sg-white);text-decoration:none}
.sp-project-image{height:280px;overflow:hidden;background:radial-gradient(ellipse at bottom,#eba71d1f,transparent),#222b50;padding:32px 24px 0;display:flex;justify-content:center;align-items:flex-start}
.sp-project-image img{width:100%;height:auto;object-fit:cover;object-position:top;border-radius:10px;transition:transform 240ms var(--sg-ease)}
.sp-project-image.sp-project-phone img{max-width:176px;object-fit:cover;object-position:top;border:4px solid #42495f;border-radius:22px 22px 0 0}
.sp-project:hover img{transform:translateY(-6px)}.sp-project-body{padding:28px}.sp-project-body .sp-eyebrow{font-size:10px;margin-bottom:8px}
.sp-project-body p{margin-top:12px;color:var(--sg-text);font-size:14px;line-height:1.75}.sp-project-body .sp-text-link{margin-top:12px}
.sp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px;align-items:start}
.sp-copy p{color:var(--sg-text);margin-top:20px;font-size:15px;line-height:1.8}
.sp-steps{counter-reset:delivery;list-style:none;padding:0;margin:0}
.sp-steps li{counter-increment:delivery;position:relative;padding:0 0 32px 64px;border-left:1px solid var(--sg-line);margin-left:20px}
.sp-steps li:last-child{border-color:transparent;padding-bottom:0}
.sp-steps li:before{content:'0' counter(delivery);position:absolute;left:-20px;top:0;background:var(--sg-raised);border:1px solid #eba71d40;border-radius:12px;width:40px;height:40px;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--sg-gold-light)}
.sp-steps p{color:var(--sg-text);font-size:15px;margin-top:8px;line-height:1.75}
.sp-faq{border-top:1px solid var(--sg-line)}.sp-faq details{border-bottom:1px solid var(--sg-line);padding:24px 0}
.sp-faq summary{font-size:17px;line-height:1.5;font-weight:600;cursor:pointer;list-style:none;position:relative;padding:4px 48px 4px 0;min-height:44px;display:flex;align-items:center}
.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary:after{content:'+';position:absolute;right:0;top:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--sg-line);font-size:23px;font-weight:400;color:var(--sg-gold-light)}
.sp-faq details[open] summary:after{content:'−';background:#eba71d14}.sp-faq summary:hover{color:var(--sg-gold-light)}
.sp-faq details p{color:var(--sg-text);font-size:15px;line-height:1.8;margin-top:16px;max-width:860px}
.sp-faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}.sp-faq-layout .sp-section-heading{display:block;margin:0}.sp-faq-layout h2{max-width:400px}
.sp-cta{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-block:24px;position:relative}.sp-cta h2{max-width:720px}.sp-cta p{color:var(--sg-text);max-width:630px;margin-top:20px}.sp-cta .sp-actions{flex-shrink:0;margin-top:0}
.sp-footer{background:#090f2a;color:var(--sg-text);padding:56px 0 32px;font-size:13px;border-top:1px solid var(--sg-line)}
.sp-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:64px;padding-bottom:40px}.sp-footer img{width:127px;margin-bottom:20px}.sp-footer p{max-width:340px;line-height:1.8}
.sp-footer strong{color:var(--sg-white);display:block;margin-bottom:16px}.sp-footer a{display:block;margin:8px 0;padding-block:4px}.sp-footer a:hover{color:var(--sg-gold-light)}
.sp-footer-bottom{padding-top:24px;border-top:1px solid var(--sg-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12px}.sp-footer-bottom div{display:flex;gap:24px}.sp-footer-bottom a{margin:0}
.sp-reading{max-width:860px}.sp-reading h2{margin-top:48px;font-size:30px}.sp-reading h2:first-child{margin-top:0}.sp-reading p{margin-top:20px;color:var(--sg-text);font-size:16px;line-height:1.85}
.sp-table-wrap{overflow-x:auto;margin-top:32px;border:1px solid var(--sg-line);border-radius:16px}.sp-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;min-width:540px}
.sp-table th{background:var(--sg-panel);font-weight:650;color:var(--sg-white)}.sp-table th,.sp-table td{padding:20px;border-bottom:1px solid var(--sg-line);vertical-align:top}.sp-table td{color:var(--sg-text)}.sp-table tr:last-child td{border-bottom:0}
.sp-note{border-left:2px solid var(--sg-gold);background:#eba71d08;padding:20px 24px;color:var(--sg-text);font-size:14px;margin-top:32px;line-height:1.8}
/* Purpose-built examples. Sample states are always labelled. */
.sp-demo{border:1px solid var(--sg-line);background:var(--sg-raised);padding:24px;border-radius:24px}
.sp-demo-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--sg-gold-light);padding-bottom:20px;border-bottom:1px solid var(--sg-line);display:flex;align-items:center;gap:12px}
.sp-demo-label:before{content:'';height:8px;width:8px;background:var(--sg-gold);border-radius:50%;flex-shrink:0}
.sp-demo-row{background:var(--sg-panel);margin-top:16px;padding:20px;border-radius:12px;font-size:14px;color:var(--sg-white)}.sp-demo-row.user{margin-left:40px;background:#384366}
.sp-demo-row strong{display:block;font-size:11px;color:var(--sg-gold-light);margin-bottom:8px}.sp-demo-foot{font-size:12px;line-height:1.7;color:var(--sg-muted);margin-top:24px!important}
.sp-ai-core{padding:32px 0;display:flex;align-items:center;gap:20px}.sp-ai-orb{width:72px;height:72px;display:grid;place-items:center;flex-shrink:0;border:1px solid #eba71d55;border-radius:22px;background:#eba71d0f;color:var(--sg-gold-light)}
.sp-ai-orb svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.5}.sp-ai-core h3{font-size:24px}.sp-ai-core p{font-size:12px;color:var(--sg-text);margin-top:4px}
.sp-ai-inputs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.sp-ai-inputs span{padding:8px 12px;background:var(--sg-input);border:1px solid var(--sg-line);border-radius:8px;color:var(--sg-text);font-size:11px}
.sp-ai-chain{list-style:none;margin:0;padding:0}.sp-ai-chain li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--sg-line)}
.sp-ai-chain b{display:grid;place-items:center;border:1px solid var(--sg-line);border-radius:10px;height:36px;color:var(--sg-gold-light);font-size:12px}.sp-ai-chain strong{font-size:14px;display:block;font-weight:600}.sp-ai-chain small{font-size:11px;color:var(--sg-muted)}.sp-ai-chain i{font-style:normal;color:var(--sg-gold-light)}
.sp-demo-status{border:1px solid #eba71d40;background:#eba71d0c;border-radius:10px;padding:12px 16px;font-size:12px;color:var(--sg-gold-light);margin-top:20px!important}
.sp-chat-head{display:flex;align-items:center;gap:12px;padding:24px 0}.sp-chat-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:var(--sg-gold);color:var(--sg-deep);font-weight:800}.sp-chat-head strong{font-size:16px}.sp-chat-head small{display:block;color:var(--sg-muted);font-size:12px}
.sp-chat .sp-demo-row{max-width:90%;line-height:1.7;margin-top:12px;border-radius:14px 14px 14px 4px}.sp-chat .sp-demo-row.user{margin-left:auto;background:#f2ba47;color:var(--sg-deep);border-radius:14px 14px 4px 14px}.sp-chat .sp-demo-row.user strong{color:#574015}
.sp-chat-handoff{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--sg-line);border-radius:12px;margin-top:20px;color:var(--sg-text);font-size:12px}.sp-chat-handoff a{color:var(--sg-gold-light);font-weight:700;padding:8px 0}
.sp-delivery-board{padding:32px}.sp-delivery-title{padding:28px 0}.sp-delivery-title small{color:var(--sg-muted);font-size:12px}.sp-delivery-title h3{font-size:28px;margin-top:8px}
.sp-delivery-row{display:grid;grid-template-columns:48px 1fr;gap:20px;border-top:1px solid var(--sg-line);padding:20px 0}.sp-delivery-row>b{color:var(--sg-gold-light);font-size:28px;font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em;font-weight:400}.sp-delivery-row strong{font-size:15px;display:block}.sp-delivery-row p{font-size:13px;color:var(--sg-text);margin-top:4px}
.sp-about-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.sp-about-gallery figure{border-radius:20px;overflow:hidden;background:var(--sg-raised);border:1px solid var(--sg-line)}.sp-about-gallery figure:first-child{margin-top:40px}.sp-about-gallery figure:last-child{margin-bottom:40px}
.sp-about-gallery .sp-about-screen{height:328px;overflow:hidden;padding:20px 20px 0;background:#252d4b}.sp-about-screen img{width:100%;border-radius:14px}.sp-about-gallery figcaption{padding:16px;font-size:14px;font-weight:600}.sp-about-gallery figcaption span{display:block;color:var(--sg-muted);font-size:11px;font-weight:400;margin-top:4px}.sp-about-gallery>p{grid-column:1/-1;color:var(--sg-muted);font-size:12px;text-align:center}
/* Home: asymmetric portfolio and distinct service previews. */
.home-page #selected-work{border-top:1px solid var(--sg-line)}.home-page #selected-work h2{max-width:640px}
.sp-work-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.sp-work-grid .sp-project:first-child{grid-row:span 2;display:flex;flex-direction:column}
.sp-work-grid .sp-project:first-child .sp-project-image{height:328px;padding-top:32px;gap:24px}.sp-work-grid .sp-project:first-child .sp-project-image img{width:38%;max-width:185px;border:4px solid #42495f;border-radius:22px 22px 0 0;transform:rotate(-6deg)}.sp-work-grid .sp-project:first-child .sp-project-image img+img{transform:rotate(6deg);margin-top:40px}
.sp-work-grid .sp-project:first-child .sp-project-body{padding:32px}.sp-work-grid .sp-project:first-child h3{font-size:30px}.sp-work-grid .sp-project:not(:first-child){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.sp-work-grid .sp-project:not(:first-child) .sp-project-image{height:100%;min-height:250px;padding:24px 16px 0;align-items:flex-start}.sp-work-grid .sp-project:not(:first-child) .sp-project-body{padding:24px}.sp-work-grid .sp-project:not(:first-child) .sp-project-image img{max-height:300px;object-fit:cover}.sp-work-grid .sp-project:not(:first-child) .sp-project-phone img{max-width:142px}
.sp-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sp-service-tile{padding:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:center;border:1px solid var(--sg-line);border-radius:24px;background:var(--sg-raised);color:var(--sg-white);text-decoration:none}
.sp-service-tile h3{font-size:25px!important;line-height:1.25!important}.sp-service-tile p{font-size:14px;color:var(--sg-text);margin-top:16px;line-height:1.75}.sp-service-tile .sp-number{margin-bottom:16px}
.sp-service-art{height:172px;position:relative;display:grid;place-items:center;transition:transform 240ms var(--sg-ease)}.sp-service-art svg{width:100%;height:100%;fill:none;stroke:var(--sg-gold-light);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sp-service-tile:hover{border-color:#eba71d55}.sp-service-tile:hover .sp-service-art{transform:translateY(-4px)}
.sp-home-process .sp-grid{gap:40px}.sp-home-process .sp-card{border:0;border-top:1px solid var(--sg-line);border-radius:0;background:transparent;padding:28px 0 0}.sp-home-process .sp-number{font-size:40px;font-family:'Space Grotesk',sans-serif;font-weight:400;letter-spacing:-.06em;color:var(--sg-gold-light);margin-bottom:20px}
/* Enquiry: native inputs, visible validation, unchanged API and tracking. */
.sp-contact-form label{display:block;font-size:14px;font-weight:600;margin-top:24px}.sp-contact-form :is(input,textarea,select){width:100%;padding:16px;margin-top:8px;border:1px solid #acb9db55;border-radius:12px;background:var(--sg-input);color:var(--sg-white);min-height:52px}.sp-contact-form input::placeholder{color:var(--sg-muted);opacity:1}
.sp-contact-form :is(input,select,textarea):focus{outline:2px solid var(--sg-focus);outline-offset:3px}.sp-contact-form [aria-invalid=true]{border-color:var(--sg-error)}.sp-contact-form .sp-field-error{color:var(--sg-error);font-size:13px;margin-top:8px}.sp-contact-form .sp-form-status{padding:16px;background:#40232d;color:#ffcdc6;border-radius:12px;margin-top:24px;font-size:14px}
.sp-contact-form small{display:block;color:var(--sg-muted);font-size:12px;margin-top:8px}.sp-contact-form button:disabled{opacity:.65;cursor:wait;transform:none}.sp-contact-form [hidden]{display:none!important}
.sp-contact-card{background:var(--sg-raised);border:1px solid var(--sg-line);border-radius:24px;padding:32px}.service-page .sp-contact-card h2{font-size:28px}.sp-contact-card>p{font-size:14px;color:var(--sg-text);margin-top:12px;line-height:1.7}.sp-contact-card .sp-button{width:100%;margin-top:24px}.sp-contact-card .sp-eyebrow{display:block}.sp-contact-card .sp-eyebrow:before{display:none}
.sp-contact-page .sp-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.sp-contact-page .sp-hero{padding-bottom:64px}.sp-contact-page h1{font-size:clamp(40px,4.4vw,64px)}
.sp-contact-aside{background:transparent;border-radius:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}.sp-contact-aside a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.sp-contact-aside p{margin-top:16px;color:var(--sg-text);font-size:15px}.sp-contact-detail{display:block;padding-top:20px;border-top:1px solid var(--sg-line)}.sp-contact-detail strong{color:var(--sg-white);display:block;font-size:18px;margin-bottom:12px}
.sp-case-brief{padding:64px 0;background:var(--sg-navy);color:var(--sg-white);font-family:'DM Sans',sans-serif;border-block:1px solid var(--sg-line)}.sp-case-brief .sp-card{padding:24px;background:var(--sg-raised)}.sp-case-brief h2{font-family:'Space Grotesk',sans-serif;font-size:32px;line-height:1.25;margin:0 0 32px;font-weight:600;color:var(--sg-white)}.sp-case-brief h3{font-size:18px;font-weight:600;color:var(--sg-white)}
@media(min-width:1600px){.sp-project-stage{height:384px}.sp-hero-grid{gap:80px}}
@media(max-width:1100px){.sp-hero-grid{gap:40px}.sp-split,.sp-faq-layout{gap:48px}.sp-cta{align-items:flex-start;flex-direction:column;gap:32px}.sp-grid{gap:20px}.sp-card{padding:24px}.sp-work-grid{gap:20px}.sp-work-grid .sp-project:not(:first-child){grid-template-columns:1fr 1.1fr}.sp-work-grid .sp-project:not(:first-child) .sp-project-body{padding:20px}.sp-service-tile{padding:24px;gap:16px}.sp-service-art{height:140px}}
@media(max-width:900px){.service-page h1{font-size:44px}.sp-hero-grid{gap:32px}.sp-project-stage.sp-phone-stage{padding-inline:20px;gap:16px;height:328px}.sp-project-top{font-size:9px;padding:16px}.sp-project-caption{padding:20px}.sp-service-tile{grid-template-columns:1fr}.sp-service-art{height:140px;grid-row:1}.sp-work-grid{grid-template-columns:1fr}.sp-work-grid .sp-project:first-child{grid-row:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center}.sp-work-grid .sp-project:not(:first-child){grid-template-columns:1fr 1fr}.sp-work-grid .sp-project:not(:first-child) .sp-project-image{height:256px;min-height:0}.sp-work-grid .sp-project:first-child .sp-project-body{padding:24px}.sp-contact-page .sp-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.sp-contact-card{padding:24px}}
@media(max-width:800px){.sp-hero-grid,.sp-split,.sp-faq-layout,.sp-contact-page .sp-hero-grid{grid-template-columns:1fr;gap:40px}.service-page .sp-hero{padding:24px 0 48px}.sp-breadcrumb{margin-bottom:24px!important}.sp-project-hero,.sp-demo,.sp-about-gallery{width:100%;max-width:600px;margin-inline:auto}.sp-project-stage{height:320px}.sp-project-stage.sp-phone-stage{height:360px;padding-inline:32px;gap:24px}.sp-section{padding:64px 0}.sp-section-heading{display:block;margin-bottom:32px}.sp-section-heading>p{margin-top:20px;max-width:600px}.sp-grid{grid-template-columns:1fr 1fr}.sp-footer-top{grid-template-columns:1fr 1fr;gap:32px}.sp-footer-top>div:first-child{grid-column:1/-1}.sp-editorial .sp-grid{grid-template-columns:1fr}.sp-editorial .sp-card{border:0;border-top:1px solid var(--sg-line);padding:24px 0}.sp-editorial .sp-card:first-child{padding-top:0}.sp-contact-aside{grid-template-columns:1fr 1fr}.sp-contact-aside>div:first-child{grid-column:1/-1}.sp-faq-layout h2{max-width:600px}.sp-contact-card{max-width:600px;width:100%}}
@media(max-width:560px){.service-page h1{font-size:42px}.service-page .sp-intro{font-size:16px}.sp-grid,.sp-grid.sp-two,.sp-service-grid{grid-template-columns:1fr}.sp-actions{gap:12px}.sp-button{font-size:13px;padding:14px 20px;min-height:48px}.sp-project-stage{height:280px;padding:24px 20px 0}.sp-project-stage.sp-phone-stage{height:320px;padding:32px 20px 0;gap:20px}.sp-project-image{height:280px}.sp-section{padding:56px 0}.sp-footer-top{grid-template-columns:1fr}.sp-footer-top>div:first-child{grid-column:auto}.sp-hero-note{line-height:1.7}.sp-case-brief{padding:48px 0}.sp-capabilities .sp-grid{gap:8px}.sp-capabilities .sp-card{padding-block:24px}.sp-capabilities .sp-card-icon{margin-bottom:20px}.sp-faq-layout{gap:24px}.sp-work-grid .sp-project:first-child{display:flex}.sp-work-grid .sp-project:first-child .sp-project-image{height:290px}.sp-work-grid .sp-project:not(:first-child){grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}.sp-work-grid .sp-project:not(:first-child) .sp-project-image{height:100%;padding:24px 12px 0}.sp-work-grid .sp-project:not(:first-child) .sp-project-body{padding:24px 20px}.sp-work-grid .sp-project:not(:first-child) .sp-eyebrow{font-size:9px}.sp-work-grid .sp-project:not(:first-child) p{font-size:13px}.sp-work-grid .sp-project:not(:first-child) .sp-text-link{font-size:12px;gap:8px}.sp-service-tile{grid-template-columns:minmax(0,1fr) 96px;gap:16px}.sp-service-art{grid-row:auto;height:144px}.sp-service-tile h3{font-size:23px!important}.sp-service-tile p{font-size:13px}.sp-contact-aside{grid-template-columns:1fr}.sp-contact-card{padding:24px}.sp-ai-core{padding-block:24px}.sp-ai-core h3{font-size:22px}.sp-about-gallery{gap:12px}.sp-about-gallery .sp-about-screen{height:250px;padding:16px 12px 0}.sp-about-gallery figcaption{padding:16px 12px}.sp-demo{padding:20px}.sp-demo-row{padding:16px}.sp-hero-tags{gap:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.sp-project-image img,.sp-button,.sp-project-hero,.sp-service-art{transition:none}.sp-project:hover img,.sp-button:hover,.sp-button:active,.sp-project-hero:hover,.sp-service-tile:hover .sp-service-art{transform:none}}

.service-page button.sp-button{font-size:14px;font-weight:700}
.sp-contact-form small a{text-decoration:underline;text-underline-offset:3px}
.sp-contact-detail>a{display:inline-block;min-height:44px;padding-top:12px;color:var(--sg-gold-light)}
.sp-chat .sp-chat-head{padding:16px 0}
.sp-chat .sp-demo-row{padding:12px 16px;font-size:13px;line-height:1.6;margin-top:10px}
.sp-chat .sp-demo-row strong{font-size:10px;margin-bottom:4px}
.sp-chat .sp-chat-handoff{padding:8px 12px;margin-top:16px}
.sp-chat .sp-chat-handoff a{min-height:44px;display:inline-flex;align-items:center}
.sp-chat .sp-demo-foot{font-size:11px;margin-top:16px!important}