/* Start Digital: styles isolated from the approved institutional pages. */
.start-page { --sd-paper:#F5F5F3; --sd-navy:#07152E; --sd-blue:#17294A; --sd-pink:#D1A5AE; --sd-hot:#D98F9B; --sd-ice:#DDE5EA; background:var(--sd-paper); color:var(--sd-navy); }
.start-page main { overflow:clip; }
.start-page h1,.start-page h2,.start-page h3 { max-width:none; }
.start-page .site-header { background:rgba(245,245,243,.93); }
.start-page .container { width:min(calc(100% - 64px),1240px); }
.sd-section { position:relative; padding:clamp(86px,10vw,154px) 0; }
.sd-eyebrow { display:inline-flex; align-items:center; gap:10px; color:#A66C7A; font-size:.7rem; line-height:1.4; font-weight:850; letter-spacing:.17em; text-transform:uppercase; }
.sd-eyebrow i { font-style:normal; color:#BEB6B6; }
.sd-eyebrow-mark { width:23px; height:2px; background:var(--sd-hot); }
.sd-button { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; padding:18px 22px; min-height:58px; border-radius:3px 19px 3px 19px; font-size:.77rem; font-weight:850; letter-spacing:.075em; transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .35s var(--ease); }
.sd-button span { font-size:1.4rem; line-height:.7; font-weight:500; }
.sd-button:hover { transform:translateY(-4px); box-shadow:0 18px 32px rgba(7,21,46,.16); }
.sd-button-dark { background:var(--sd-navy); color:white; }
.sd-button-pink { background:var(--sd-hot); color:var(--sd-navy); }
.sd-reveal { opacity:0; transform:translateY(32px); transition:opacity .75s ease,transform .75s var(--ease); }
.sd-reveal.is-visible { opacity:1; transform:translateY(0); }
.sd-enter { animation:sd-rise .95s both var(--ease); }
@keyframes sd-rise { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }

/* 01 — editorial hero and layered interface composition */
.sd-hero { position:relative; isolation:isolate; min-height:780px; padding:clamp(50px,7vw,104px) 0 0; background:var(--sd-paper); }
.sd-hero::before { content:""; position:absolute; inset:0 0 0 54%; z-index:-2; background:radial-gradient(circle at 35% 34%,rgba(97,139,172,.45),transparent 38%),radial-gradient(circle at 90% 86%,rgba(213,165,178,.24),transparent 30%),linear-gradient(145deg,#0E2344,#07152E 68%,#162F52); border-radius:140px 0 0 0; }
.sd-hero-grain { position:absolute; inset:0; z-index:-1; opacity:.28; pointer-events:none; background-image:linear-gradient(90deg,transparent 49.9%,rgba(7,21,46,.07) 50%,transparent 50.1%); background-size:20% 100%; }
.sd-hero-layout { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:22px; position:relative; min-height:644px; align-items:center; }
.sd-hero-copy { position:relative; z-index:3; padding:3px 0 70px; }
.sd-hero h1 { margin:29px 0 28px; max-width:650px; font-size:clamp(3.4rem,5.25vw,5.4rem); line-height:.95; letter-spacing:-.052em; font-weight:850; }
.sd-hero h1 em,.sd-reason h2 em,.sd-build h2 em,.sd-discovery h2 em,.sd-process h2 em { font-style:normal; color:#B47888; }
.sd-hero-intro { max-width:500px; margin:0; color:#4B5A70; font-size:clamp(1.05rem,1.55vw,1.25rem); line-height:1.5; }
.sd-hero-offer { display:grid; grid-template-columns:auto 1fr; column-gap:20px; align-items:end; width:max-content; max-width:100%; margin-top:42px; }
.sd-price-label { grid-column:1/-1; display:block; color:#66758A; font-size:.73rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.sd-hero-offer strong { white-space:nowrap; font-family:var(--font-display); font-size:clamp(2rem,3.45vw,3.5rem); letter-spacing:-.045em; line-height:1.2; }
.sd-hero-offer sup,.sd-close-price sup { font-size:.38em; vertical-align:top; margin-left:2px; }
.sd-offer-line { width:78px; height:3px; margin-bottom:14px; background:var(--sd-hot); transform:rotate(-5deg); }
.sd-hero-action { display:flex; align-items:center; gap:22px; margin-top:24px; }
.sd-hero-action>span { max-width:130px; color:#46576D; font-size:.81rem; line-height:1.3; font-weight:720; }
.sd-price-note { display:block; margin-top:16px; color:#8C8990; font-size:.7rem; }
.sd-hero-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:14px max(32px,calc((100vw - 1240px)/2)); border-top:1px solid rgba(7,21,46,.1); font-size:.63rem; letter-spacing:.17em; font-weight:850; color:#59697D; }
.sd-hero-bottom span:last-child { font-size:1.5rem; font-weight:400; }
.sd-composition { position:relative; width:100%; height:630px; animation-delay:.14s; }
.sd-composition-halo { position:absolute; width:540px; height:540px; right:-120px; top:18px; border:1px solid rgba(255,255,255,.14); border-radius:50%; box-shadow:0 0 0 72px rgba(255,255,255,.025),0 0 0 145px rgba(255,255,255,.025); }
.sd-composition-orbit { position:absolute; width:365px; height:365px; right:20px; top:88px; border:1px dashed rgba(219,186,196,.28); border-radius:50%; animation:sd-spin 75s linear infinite; }
.sd-composition-orbit::after { content:""; position:absolute; width:11px; height:11px; border-radius:50%; background:var(--sd-hot); top:65px; left:32px; box-shadow:0 0 20px rgba(217,143,155,.7); }
@keyframes sd-spin { to { transform:rotate(360deg); } }
.sd-visual-site,.sd-visual-identity,.sd-visual-google,.sd-visual-social,.sd-visual-traffic { position:absolute; box-shadow:0 32px 70px rgba(1,9,25,.26); transition:transform .5s var(--ease); }
.sd-composition:hover .sd-visual-site { transform:translate(4px,-9px) rotate(-2deg); }
.sd-composition:hover .sd-visual-identity { transform:translate(-8px,-6px) rotate(-8deg); }
.sd-composition:hover .sd-visual-google { transform:translate(8px,3px) rotate(4deg); }
.sd-composition:hover .sd-visual-social { transform:translate(5px,-7px) rotate(8deg); }
.sd-visual-site { z-index:2; width:67%; height:315px; left:9%; top:121px; overflow:hidden; border:1px solid rgba(255,255,255,.82); border-radius:7px 23px 7px 23px; background:#F4F4F1; transform:rotate(-3deg); }
.sd-browser-top { height:35px; display:flex; align-items:center; gap:5px; padding:0 14px; border-bottom:1px solid #D7DFE5; background:#E8EDF0; }
.sd-browser-top span { width:6px; height:6px; border-radius:50%; background:#C7A5B0; }.sd-browser-top span:nth-child(2) { opacity:.6; }.sd-browser-top span:nth-child(3) { opacity:.3; }
.sd-browser-top i { margin-left:auto; font-style:normal; font-size:.55rem; letter-spacing:.19em; font-weight:850; color:#718197; }
.sd-browser-body { position:relative; height:280px; padding:29px 26px; background:radial-gradient(circle at 80% 25%,#D9E2E8,transparent 40%),#F3F5F3; }
.sd-site-mini { font-size:.6rem; font-weight:850; letter-spacing:.14em; color:#B37B8C; }.sd-browser-body b { display:block; margin-top:19px; font-family:var(--font-display); font-size:clamp(1.5rem,2.4vw,2.5rem); line-height:.95; letter-spacing:-.04em; }
.sd-browser-bars { position:absolute; display:grid; gap:9px; width:42%; right:20px; bottom:28px; }.sd-browser-bars i { height:7px; background:#D3DDE4; }.sd-browser-bars i:nth-child(2) { width:85%; }.sd-browser-bars i:nth-child(3) { width:67%; }
.sd-browser-button { display:inline-block; margin-top:22px; padding:8px 12px; border-radius:20px; background:#11264A; color:white; font-size:.52rem; letter-spacing:.08em; font-weight:850; }
.sd-visual-identity { z-index:4; width:37%; min-width:188px; height:256px; left:-6%; top:22px; padding:18px; background:#D5AAB4; border-radius:2px 24px 2px 24px; color:#10233F; transform:rotate(-10deg); }
.sd-visual-identity>span,.sd-visual-social>span,.sd-visual-google>span,.sd-visual-traffic>span { font-size:.53rem; letter-spacing:.14em; font-weight:900; }.sd-visual-identity b { display:block; margin-top:33px; font-family:var(--font-display); font-size:clamp(1.5rem,2.3vw,2.6rem); line-height:.91; letter-spacing:-.055em; }
.sd-visual-identity div { position:absolute; display:flex; gap:5px; bottom:17px; }.sd-visual-identity i { display:block; width:25px; height:25px; background:#091B37; border-radius:50%; }.sd-visual-identity i:nth-child(2) { background:#F5F5F3; }.sd-visual-identity i:nth-child(3) { background:#AD7082; }
.sd-visual-google { z-index:5; width:58%; height:93px; right:-3%; top:75px; display:grid; grid-template-columns:1fr auto; align-items:center; padding:15px 20px; background:white; border-radius:4px 22px 4px 22px; transform:rotate(5deg); }.sd-visual-google>span:first-child { grid-column:1/-1; color:#AE7588; }.sd-visual-google b { display:block; font-size:.89rem; }.sd-visual-google i { display:block; font-size:.63rem; color:#7A8796; font-style:normal; }.sd-search-lens { width:25px; height:25px; border:2px solid #14274A; border-radius:50%; position:relative; }.sd-search-lens::after { content:""; position:absolute; width:9px; height:2px; right:-7px; bottom:-3px; background:#14274A; transform:rotate(45deg); }
.sd-visual-social { z-index:3; width:32%; max-width:192px; height:249px; right:2%; bottom:37px; padding:13px; color:white; background:linear-gradient(160deg,#DBB3BC,#A36C84 58%,#344866); border:5px solid rgba(246,247,245,.9); border-radius:18px; transform:rotate(8deg); }.sd-social-image { display:grid; place-items:center; height:150px; margin:13px 0; background:rgba(255,255,255,.19); border-radius:6px 18px 6px 18px; }.sd-social-image i { grid-area:1/1; width:67px; height:67px; border:1px solid rgba(255,255,255,.65); border-radius:50%; }.sd-social-image i:nth-child(2) { width:42px; height:42px; transform:translate(25px,22px); background:rgba(255,255,255,.22); }.sd-social-lines { display:grid; gap:5px; }.sd-social-lines i { width:100%; height:5px; background:rgba(255,255,255,.5); }.sd-social-lines i:last-child { width:66%; }
.sd-visual-traffic { z-index:4; left:9%; bottom:15px; width:37%; height:77px; display:flex; justify-content:space-between; align-items:center; padding:14px 20px; color:white; background:#102B4E; border:1px solid rgba(255,255,255,.2); border-radius:3px 18px 3px 18px; transform:rotate(-5deg); }.sd-visual-traffic b { font-family:var(--font-display); color:#DBA3AF; font-size:3rem; line-height:1; font-weight:400; }
.sd-hero-side-note { position:absolute; right:-70px; top:50%; transform:rotate(90deg); color:rgba(255,255,255,.48); font-size:.56rem; letter-spacing:.22em; white-space:nowrap; }

/* 02 — open editorial spread */
.sd-reason { background:#F5F5F3; }
.sd-reason-grid { display:grid; grid-template-columns:1.12fr .88fr; column-gap:10%; align-items:start; }
.sd-reason-heading { position:relative; min-height:325px; }
.sd-section-number { position:absolute; top:-82px; right:10%; font-family:var(--font-display); font-size:clamp(11rem,19vw,21rem); line-height:1; color:transparent; -webkit-text-stroke:1px rgba(7,21,46,.09); pointer-events:none; }
.sd-reason h2 { position:relative; z-index:1; margin:55px 0 0; max-width:800px; font-size:clamp(3.25rem,5.6vw,6.1rem); line-height:.96; letter-spacing:-.047em; }
.sd-reason-copy { max-width:430px; padding-top:69px; color:#4B5A70; font-size:1.17rem; line-height:1.65; }.sd-reason-copy p + p { margin-top:23px; }.sd-rule { display:block; width:83px; height:3px; margin-bottom:36px; background:var(--sd-hot); transform:rotate(-4deg); }
.sd-reason-statement { grid-column:1/-1; width:min(84%,1010px); margin:92px 0 35px auto; padding:28px 0 29px 34px; display:flex; align-items:start; gap:35px; border-left:4px solid #C68A9A; background:linear-gradient(90deg,#EBEDF0,rgba(221,229,234,.08)); }.sd-reason-statement p { margin:0; max-width:770px; font-family:var(--font-display); font-size:clamp(2.1rem,3.5vw,4rem); line-height:1.1; font-weight:750; letter-spacing:-.035em; }.sd-statement-mark { color:#B98091; font-size:2.8rem; line-height:.9; }
.sd-reason-foot { grid-column:2; max-width:430px; margin:0; color:#52627A; font-size:1.02rem; line-height:1.65; }

/* 03 — varied-scale components, rather than a uniform card deck */
.sd-build { background:linear-gradient(170deg,#E9EFF2,#F5F5F3 42%); }
.sd-build-top { display:grid; grid-template-columns:1fr 1.5fr auto; align-items:start; gap:36px; margin-bottom:68px; }.sd-build h2 { max-width:780px; margin:-9px 0 0; font-size:clamp(2.9rem,4.8vw,5rem); line-height:.98; }.sd-build-axis { padding-top:8px; color:#8492A2; font-size:.68rem; font-weight:800; letter-spacing:.13em; }
.sd-build-grid { display:grid; grid-template-columns:1.15fr 1fr .88fr; grid-template-rows:330px 270px 230px; gap:14px; }
.sd-build-piece { position:relative; min-width:0; padding:24px; overflow:hidden; background:white; border-radius:3px 24px 3px 24px; box-shadow:0 12px 34px rgba(7,21,46,.065); transition:transform .4s var(--ease),box-shadow .4s var(--ease); }.sd-build-piece:hover { transform:translateY(-7px); box-shadow:0 24px 45px rgba(7,21,46,.11); }.sd-build-piece h3 { position:relative; z-index:1; margin:0 0 10px; font-size:1.27rem; letter-spacing:-.02em; }.sd-build-piece p { position:relative; z-index:1; margin:0; max-width:360px; color:#5E6B7B; font-size:.94rem; line-height:1.55; }.sd-piece-index { position:relative; z-index:1; display:block; color:#A56B7F; font-size:.62rem; letter-spacing:.13em; font-weight:850; }
.sd-piece-identity { grid-column:1; grid-row:1/3; display:flex; flex-direction:column; justify-content:flex-end; padding:32px; color:white; background:radial-gradient(circle at 68% 23%,rgba(114,157,192,.45),transparent 34%),linear-gradient(155deg,#1D385D,#07152E); }.sd-piece-identity .sd-piece-index { position:absolute; top:26px; left:32px; color:#E6B7C1; }.sd-piece-identity p { color:#D7E1EA; }.sd-identity-symbol { position:absolute; width:240px; height:240px; top:65px; left:50%; transform:translateX(-50%); }.sd-identity-symbol i { position:absolute; width:145px; height:145px; left:50px; top:50px; border:3px solid rgba(224,177,188,.8); border-radius:5px 65px 5px 65px; transform:rotate(35deg); }.sd-identity-symbol i:nth-child(2) { transform:rotate(80deg); border-color:rgba(255,255,255,.38); }.sd-identity-symbol i:nth-child(3) { width:70px; height:70px; left:88px; top:88px; background:#D1A5AE; transform:rotate(20deg); border:0; }
.sd-piece-site { grid-column:2/4; grid-row:1; padding:24px 30px; display:grid; grid-template-columns:1fr 1fr; align-content:end; column-gap:30px; background:#F9F9F7; }.sd-piece-site .sd-piece-index { position:absolute; top:24px; left:30px; }.sd-piece-site h3 { grid-column:1; }.sd-piece-site p { grid-column:1; }.sd-mini-window { position:absolute; right:5%; top:27px; width:47%; height:230px; padding:9px 15px; border:1px solid #C2CCD5; background:white; box-shadow:12px 14px 0 #E3E8EA; transform:rotate(3deg); }.sd-mini-window span { color:#B48290; font-size:.61rem; letter-spacing:.1em; }.sd-mini-window b { display:block; margin:23px 0 20px; font-family:var(--font-display); font-size:1.8rem; line-height:1; }.sd-mini-window i { display:block; width:75%; height:7px; margin:6px 0; background:#DFE5EA; }.sd-mini-window i:last-child { width:49%; }
.sd-piece-google { grid-column:2; grid-row:2; display:flex; flex-direction:column; justify-content:space-between; background:#DDE5EA; }.sd-piece-google p { max-width:280px; }.sd-google-glyph { position:absolute; top:8px; right:25px; font-family:var(--font-display); font-size:10rem; font-weight:850; line-height:1; color:rgba(23,41,74,.09); }.sd-google-glyph span { position:absolute; right:0; bottom:-5px; font-size:2.6rem; color:#B67A8D; }
.sd-piece-instagram { grid-column:3; grid-row:2/4; display:flex; flex-direction:column; justify-content:flex-end; background:#E5CAD0; }.sd-piece-instagram p { color:#4A5265; }.sd-insta-shapes { position:absolute; top:60px; left:50%; width:170px; height:170px; transform:translateX(-50%) rotate(-8deg); border:2px solid rgba(7,21,46,.28); border-radius:36px; }.sd-insta-shapes span { position:absolute; width:92px; height:92px; top:38px; left:38px; border:2px solid #17294A; border-radius:50%; }.sd-insta-shapes span:nth-child(2) { width:24px; height:24px; left:122px; top:19px; background:#17294A; }.sd-insta-shapes span:nth-child(3) { width:40px; height:40px; left:64px; top:64px; border-color:rgba(7,21,46,.25); }
.sd-piece-whatsapp { grid-column:1; grid-row:3; display:flex; flex-direction:column; justify-content:flex-end; background:#FBFAF8; }.sd-piece-whatsapp .sd-piece-index { position:absolute; top:24px; }.sd-chat-shape { position:absolute; right:27px; top:17px; width:86px; height:66px; display:grid; place-items:center; border:2px solid #C990A0; border-radius:20px 20px 20px 2px; color:#B47789; font-size:2.6rem; }
.sd-piece-traffic { grid-column:2; grid-row:3; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(135deg,#192C4B,#466681); color:white; }.sd-piece-traffic .sd-piece-index { position:absolute; top:24px; color:#E4B7C2; }.sd-piece-traffic p { color:#DCE4EB; font-size:.83rem; }.sd-traffic-line { position:absolute; inset:50px 24px auto; height:42px; display:flex; align-items:flex-end; gap:10px; }.sd-traffic-line i { flex:1; height:1px; border-top:2px solid rgba(255,255,255,.3); transform:rotate(-8deg); }.sd-traffic-line i:nth-child(2) { transform:rotate(13deg) translateY(-14px); border-color:#E2ABB9; }.sd-traffic-line i:nth-child(3) { transform:rotate(-20deg) translateY(-27px); border-color:#E2ABB9; }

/* 04 — plan reveal plus semantic comparison */
.sd-plans { background:#F5F5F3; scroll-margin-top:92px; }.sd-plans-intro { display:grid; grid-template-columns:1fr 2fr; gap:25px; align-items:start; margin-bottom:55px; }.sd-plans-intro h2 { max-width:810px; margin:-9px 0 0; font-size:clamp(2.9rem,4.7vw,5.1rem); }.sd-plans-rule { grid-column:2; width:95px; height:3px; background:var(--sd-hot); transform:rotate(-3deg); }
.sd-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:17px; }.sd-plan { position:relative; min-width:0; border:1px solid #DDE1E4; border-radius:4px 26px 4px 26px; background:#FDFDFB; box-shadow:0 14px 31px rgba(7,21,46,.08); overflow:hidden; }.sd-plan-move { margin-top:-22px; color:white; border-color:#274061; background:linear-gradient(165deg,#253F61,#07152E); box-shadow:0 28px 55px rgba(7,21,46,.22); }.sd-plan-grow { margin-top:17px; }.sd-plan-head { position:relative; height:248px; padding:25px; overflow:hidden; }.sd-plan-kicker { position:relative; z-index:1; display:block; font-size:.62rem; letter-spacing:.13em; font-weight:850; color:#A66D7F; }.sd-plan-move .sd-plan-kicker { color:#E8B2BE; }.sd-plan h3 { position:relative; z-index:1; margin:48px 0 0; font-size:clamp(3.2rem,5vw,5.4rem); font-weight:850; line-height:.86; letter-spacing:-.055em; }.sd-plan-shape { position:absolute; width:200px; height:200px; right:-72px; bottom:-32px; border:1px solid rgba(7,21,46,.14); border-radius:50%; box-shadow:0 0 0 44px rgba(7,21,46,.025),0 0 0 90px rgba(7,21,46,.018); }.sd-plan-move .sd-plan-shape { border-color:rgba(255,255,255,.18); box-shadow:0 0 0 44px rgba(255,255,255,.03),0 0 0 90px rgba(255,255,255,.02); }.sd-plan-time { margin:0 25px; min-height:68px; padding-top:15px; border-top:1px solid rgba(7,21,46,.14); color:#657185; font-size:.9rem; }.sd-plan-move .sd-plan-time { color:#CDD8E4; border-color:rgba(255,255,255,.2); }.sd-plan-toggle { display:flex; align-items:center; justify-content:space-between; width:calc(100% - 50px); margin:0 25px 25px; padding:14px 0; background:none; border:0; border-top:1px solid rgba(7,21,46,.14); border-bottom:1px solid rgba(7,21,46,.14); cursor:pointer; font-size:.72rem; font-weight:850; letter-spacing:.1em; text-align:left; }.sd-plan-move .sd-plan-toggle { border-color:rgba(255,255,255,.2); }.sd-plan-toggle span { color:#B77B8D; font-size:1.5rem; font-weight:400; line-height:1; transition:transform .25s; }.sd-plan-toggle[aria-expanded="true"] span { transform:rotate(45deg); }.sd-plan-toggle:hover { color:#A66C7A; }.sd-plan-move .sd-plan-toggle:hover { color:#ECC0CB; }
.sd-plan-values { display:grid; gap:8px; margin:0 25px 25px; padding:19px 0 0; border-top:1px solid rgba(7,21,46,.12); }.sd-plan-values[hidden] { display:none!important; }.sd-plan-values strong { font-family:var(--font-display); font-size:1.54rem; line-height:1.18; }.sd-plan-values>span { color:#A67988; font-size:.75rem; }.sd-plan-values a { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:11px; padding:13px 14px; background:#D98F9B; color:#07152E; border-radius:3px 13px 3px 13px; font-size:.67rem; font-weight:850; letter-spacing:.055em; }.sd-plan-values a span { font-size:1.2rem; }.sd-plan-values a:hover { background:#E8B1BC; }
.sd-comparison { margin-top:72px; border-top:1px solid #BDC8CE; }.sd-comparison-heading { display:flex; align-items:center; justify-content:space-between; padding:16px 0; color:#9E6678; font-size:.66rem; font-weight:850; letter-spacing:.13em; }.sd-swipe-hint { display:none; color:#637387; font-weight:650; letter-spacing:0; text-transform:none; }.sd-comparison-scroll { max-width:100%; overflow-x:auto; scrollbar-color:#B88491 #E9E8E5; }.sd-comparison table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:.91rem; }.sd-comparison th:first-child { width:43%; text-align:left; }.sd-comparison thead th { padding:17px 12px; background:#E5EAEC; color:#344964; font-size:.68rem; text-align:center; letter-spacing:.09em; }.sd-comparison thead th:nth-child(3) { background:#193255; color:white; }.sd-comparison tbody th,.sd-comparison tbody td { padding:13px 12px; border-bottom:1px solid #DDE1E2; }.sd-comparison tbody th { font-weight:650; }.sd-comparison tbody td { text-align:center; font-weight:850; color:#314B66; }.sd-comparison tbody td:nth-child(3) { background:rgba(23,41,74,.055); }.sd-comparison tbody tr:last-child th,.sd-comparison tbody tr:last-child td { border-bottom:0; }

/* 05 — discovery axis */
.sd-discovery { background:linear-gradient(140deg,#E6EDF1,#E1E9ED 56%,#F1F3F1); }.sd-discovery-layout { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:6%; }.sd-discovery h2 { margin:29px 0 35px; max-width:830px; font-size:clamp(3rem,5.3vw,5.8rem); line-height:.95; }.sd-discovery p { max-width:580px; color:#4B5D72; font-size:1.09rem; line-height:1.65; }.sd-discovery p+p { margin-top:18px; }.sd-discovery-art { position:relative; height:510px; }.sd-discovery-ring { position:absolute; left:50%; top:50%; border:1px solid rgba(7,21,46,.19); border-radius:50%; transform:translate(-50%,-50%); }.sd-ring-one { width:min(100%,455px); aspect-ratio:1; }.sd-ring-two { width:min(70%,320px); aspect-ratio:1; border-color:rgba(180,113,135,.36); box-shadow:0 0 0 35px rgba(255,255,255,.13); }.sd-disc-word { position:absolute; padding:9px 12px; background:#F7F7F4; border:1px solid #D7E0E4; border-radius:3px 11px 3px 11px; box-shadow:0 10px 24px rgba(7,21,46,.08); font-size:.63rem; letter-spacing:.15em; font-weight:850; }.sd-word-one { top:65px; left:16%; }.sd-word-two { top:47%; right:-2%; }.sd-word-three { bottom:43px; left:10%; }.sd-discovery-core { position:absolute; left:50%; top:50%; width:150px; height:150px; display:grid; place-items:center; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle at 35% 25%,#55728F,#07152E 70%); box-shadow:0 22px 45px rgba(7,21,46,.23); color:#DFABB8; font-size:5rem; line-height:1; }

/* 06 — single continuous process, not four cards */
.sd-process { background:#F8F7F4; }.sd-process-head { display:grid; grid-template-columns:1fr 2fr; gap:30px; align-items:start; }.sd-process h2 { margin:-8px 0 55px; max-width:900px; font-size:clamp(2.9rem,4.8vw,5.2rem); }.sd-process-flow { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:28px 0 78px; border-top:2px solid #B8C7D1; }.sd-process-flow::before { content:""; position:absolute; left:0; right:0; top:-2px; height:2px; background:linear-gradient(90deg,#D7A5B1,#173252); }.sd-process-flow>div { position:relative; min-height:158px; padding:24px 20px 0 0; }.sd-process-flow>div::before { content:""; position:absolute; top:-8px; left:0; width:13px; height:13px; background:#B77789; border:3px solid #F8F7F4; border-radius:50%; }.sd-process-flow>div:nth-child(even) { padding-top:53px; }.sd-process-flow span { display:block; margin-bottom:13px; color:#B77789; font-family:var(--font-display); font-size:2.3rem; font-weight:750; line-height:1; }.sd-process-flow strong { display:block; max-width:235px; font-family:var(--font-display); font-size:clamp(1.2rem,1.65vw,1.65rem); line-height:1.05; letter-spacing:-.01em; }.sd-process-bottom { display:grid; grid-template-columns:.95fr 1fr; align-items:start; gap:14%; }.sd-process-copy { padding-left:25px; border-left:3px solid #D1A5AE; color:#4E5E70; font-size:1.06rem; line-height:1.65; }.sd-process-note { padding:31px 35px; background:#E4E9EC; border-radius:3px 22px 3px 22px; }.sd-process-note strong { display:block; margin-bottom:17px; color:#132C4D; font-family:var(--font-display); font-size:clamp(1.7rem,2.7vw,2.65rem); line-height:1.05; }.sd-process-note p { margin:0; color:#536378; line-height:1.6; }

/* 07 — one intentional contrast close */
.sd-close { isolation:isolate; overflow:hidden; background:radial-gradient(circle at 68% 0%,#284D73,transparent 36%),linear-gradient(130deg,#07152E,#0C2341 57%,#07152E); color:white; }.sd-close::before { content:""; position:absolute; right:-180px; top:-200px; width:650px; height:650px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 95px rgba(255,255,255,.025),0 0 0 195px rgba(255,255,255,.02); z-index:-1; }.sd-close-light { position:absolute; right:4%; top:20%; width:400px; height:400px; background:radial-gradient(circle,rgba(196,141,160,.18),transparent 68%); filter:blur(22px); z-index:-1; }.sd-close-layout { display:grid; grid-template-columns:1.16fr .84fr; align-items:end; gap:10%; }.sd-close .sd-eyebrow { color:#E0A9B8; }.sd-close h2 { margin:29px 0 0; max-width:800px; font-size:clamp(3.15rem,5.5vw,6rem); line-height:.96; letter-spacing:-.05em; }.sd-close-side { padding-bottom:5px; }.sd-close-side>p { max-width:430px; margin-bottom:47px; color:#CDD8E2; font-size:1.13rem; line-height:1.6; }.sd-close-price { display:grid; gap:4px; margin-bottom:25px; }.sd-close-price span { color:#C4CED9; font-size:.72rem; font-weight:750; text-transform:uppercase; letter-spacing:.12em; }.sd-close-price strong { color:white; white-space:nowrap; font-family:var(--font-display); font-size:clamp(2.2rem,3.1vw,3.45rem); letter-spacing:-.035em; line-height:1.1; }.sd-close-side small { display:block; margin-top:18px; color:#A7B8C9; font-size:.7rem; }

@media (max-width:1100px) {
  .sd-hero::before { left:57%; }.sd-hero h1 { font-size:clamp(3.1rem,5.4vw,4.7rem); }.sd-composition { transform:scale(.88); transform-origin:center; }.sd-visual-identity { left:-12%; }.sd-composition-halo { right:-160px; }.sd-build-top { grid-template-columns:.65fr 1.6fr auto; }.sd-build-grid { grid-template-rows:320px 290px 265px; }.sd-plan h3 { font-size:clamp(2.8rem,5vw,4.5rem); }
}
@media (max-width:900px) {
  .start-page .container { width:min(calc(100% - 44px),1240px); }
  .sd-hero { padding-top:58px; }.sd-hero::before { inset:49% 0 0 0; border-radius:85px 0 0 0; }.sd-hero-layout { grid-template-columns:minmax(0,1fr); min-height:0; }.sd-hero-copy { min-width:0; padding:0 0 30px; }.sd-hero h1 { max-width:780px; font-size:clamp(3.5rem,7vw,5rem); }.sd-hero-intro { max-width:690px; }.sd-composition { width:min(100%,620px); height:550px; margin:auto; transform:scale(.95); }.sd-hero-side-note { right:0; }.sd-reason-grid { column-gap:7%; }.sd-reason h2 { font-size:clamp(3rem,6vw,4.5rem); }.sd-reason-copy { padding-top:55px; font-size:1.04rem; }.sd-build-top { grid-template-columns:1fr; gap:18px; }.sd-build h2 { max-width:760px; }.sd-build-axis { display:none; }.sd-build-grid { grid-template-columns:1fr 1fr; grid-template-rows:360px 270px 300px 290px; }.sd-piece-identity { grid-column:1; grid-row:1/3; }.sd-piece-site { grid-column:2; grid-row:1; display:block; }.sd-mini-window { top:65px; right:25px; width:70%; height:175px; }.sd-mini-window b { font-size:1.3rem; margin:12px 0; }.sd-piece-site h3 { margin-top:176px; }.sd-piece-google { grid-column:2; grid-row:2; }.sd-piece-instagram { grid-column:1; grid-row:3/5; }.sd-piece-whatsapp { grid-column:2; grid-row:3; }.sd-piece-traffic { grid-column:2; grid-row:4; }.sd-plan-grid { gap:10px; }.sd-plan-head { height:220px; padding:21px; }.sd-plan-time { margin-inline:21px; }.sd-plan-toggle { margin-inline:21px; width:calc(100% - 42px); }.sd-plan-values { margin-inline:21px; }.sd-discovery-layout { gap:2%; }.sd-discovery-art { transform:scale(.8); transform-origin:center; }.sd-process-flow strong { font-size:1.15rem; }.sd-close-layout { gap:5%; }
}
@media (max-width:700px) {
  .start-page .container { width:min(calc(100% - 34px),1240px); }
  .sd-section { padding:78px 0; }.sd-hero { padding-top:43px; }.sd-hero::before { top:56%; }.sd-hero h1 { font-size:clamp(2.85rem,10vw,4.3rem); max-width:650px; margin:20px 0; }.sd-hero-intro { font-size:1rem; }.sd-hero-offer { margin-top:29px; }.sd-hero-offer strong { font-size:clamp(2.15rem,8vw,3.1rem); }.sd-hero-action { align-items:flex-start; gap:14px; }.sd-hero-action .sd-button { flex:0 1 auto; }.sd-composition { height:470px; width:550px; max-width:100%; transform:scale(.84); transform-origin:top left; margin-bottom:-73px; }.sd-hero-bottom { padding:13px 17px; }.sd-hero-side-note { display:none; }
  .sd-reason-grid,.sd-discovery-layout,.sd-close-layout { grid-template-columns:1fr; }.sd-reason-heading { min-height:0; }.sd-section-number { top:-55px; right:0; font-size:13rem; }.sd-reason h2 { margin:28px 0 25px; font-size:clamp(3.1rem,10vw,4.4rem); }.sd-reason-copy { padding-top:10px; }.sd-rule { margin-bottom:22px; }.sd-reason-statement { width:100%; margin:45px 0 27px; padding:21px; gap:18px; }.sd-reason-statement p { font-size:clamp(2rem,6vw,3rem); }.sd-statement-mark { font-size:2.1rem; }.sd-reason-foot { grid-column:1; }
  .sd-build-top { margin-bottom:36px; }.sd-build h2,.sd-plans h2,.sd-process h2 { font-size:clamp(2.8rem,8vw,4.15rem); }.sd-build-grid { grid-template-columns:1fr 1fr; grid-template-rows:320px 230px 290px 245px; gap:10px; }.sd-build-piece { padding:17px; }.sd-build-piece h3 { font-size:1.02rem; }.sd-build-piece p { font-size:.8rem; }.sd-piece-identity { padding:20px; }.sd-piece-identity .sd-piece-index { left:20px; top:20px; }.sd-identity-symbol { transform:translateX(-50%) scale(.74); top:35px; }.sd-piece-site { padding:18px; }.sd-piece-site .sd-piece-index { top:18px; left:18px; }.sd-mini-window { right:17px; top:55px; width:76%; }.sd-piece-site h3 { margin-top:172px; }.sd-insta-shapes { transform:translateX(-50%) scale(.75) rotate(-8deg); top:40px; }.sd-piece-instagram { padding-bottom:21px; }.sd-piece-google,.sd-piece-whatsapp,.sd-piece-traffic { grid-column:2; }.sd-piece-traffic p { font-size:.75rem; }
  .sd-plans-intro,.sd-process-head { grid-template-columns:1fr; gap:15px; }.sd-plans-intro h2,.sd-process h2 { margin:0; }.sd-plans-rule { grid-column:1; }.sd-plan-grid { grid-template-columns:1fr; gap:18px; }.sd-plan,.sd-plan-move,.sd-plan-grow { margin:0; }.sd-plan-head { height:160px; }.sd-plan h3 { margin-top:24px; font-size:3.8rem; }.sd-plan-time { min-height:56px; }.sd-plan-toggle { margin-bottom:17px; }.sd-comparison { margin-top:54px; }.sd-swipe-hint { display:inline; }.sd-comparison table { min-width:640px; }.sd-comparison th:first-child { width:38%; }.sd-comparison thead th { position:sticky; top:0; z-index:2; }.sd-comparison tbody th { position:sticky; left:0; z-index:1; background:#F5F5F3; }.sd-comparison th,.sd-comparison td { white-space:nowrap; }.sd-comparison tbody th { white-space:normal; min-width:210px; }
  .sd-discovery h2 { margin:22px 0 26px; font-size:clamp(3rem,9vw,4.8rem); }.sd-discovery-art { height:390px; width:min(100%,460px); margin:0 auto; transform:scale(.77); transform-origin:center; }.sd-process-flow { display:block; margin:35px 0 45px 7px; border-top:0; border-left:2px solid #B8C7D1; }.sd-process-flow::before { left:-2px; right:auto; top:0; bottom:0; width:2px; height:auto; background:linear-gradient(#D7A5B1,#173252); }.sd-process-flow>div,.sd-process-flow>div:nth-child(even) { min-height:92px; padding:0 10px 24px 24px; }.sd-process-flow>div::before { left:-8px; top:0; }.sd-process-flow span { display:inline-block; min-width:55px; margin:0 6px 0 0; vertical-align:top; }.sd-process-flow strong { display:inline-block; max-width:290px; font-size:1.4rem; }.sd-process-bottom { grid-template-columns:1fr; gap:25px; }.sd-close h2 { font-size:clamp(3rem,9vw,4.8rem); margin:21px 0 33px; }.sd-close-side>p { margin-bottom:30px; }.sd-close-price strong { font-size:clamp(2.1rem,8vw,3.1rem); }
}
@media (max-width:480px) {
  .sd-hero h1 { font-size:clamp(2.65rem,10.4vw,3.3rem); }.sd-hero-action { flex-wrap:wrap; }.sd-hero-action>span { max-width:none; }.sd-hero-offer strong { font-size:clamp(1.9rem,8.7vw,2.6rem); }.sd-offer-line { width:36px; }.sd-composition { transform:scale(.7); margin-bottom:-135px; }.sd-composition-halo { right:-100px; }.sd-visual-site { left:2%; width:70%; }.sd-visual-google { right:-8%; }.sd-visual-social { right:-3%; }.sd-visual-identity { left:-4%; }.sd-hero-bottom { font-size:.53rem; }.sd-reason h2 { font-size:clamp(2.75rem,11vw,3.6rem); }.sd-build-grid { grid-template-columns:1fr 1fr; grid-template-rows:300px 220px 285px 250px; }.sd-build-piece { padding:14px; }.sd-build-piece p { font-size:.76rem; line-height:1.42; }.sd-piece-index { font-size:.52rem; }.sd-piece-identity .sd-piece-index { left:14px; }.sd-mini-window { width:79%; right:11px; height:150px; }.sd-piece-site h3 { margin-top:148px; }.sd-piece-instagram .sd-insta-shapes { top:23px; }.sd-piece-traffic .sd-traffic-line { display:none; }.sd-discovery-art { margin:-20px auto -15px; transform:scale(.63); }.sd-process-flow strong { max-width:205px; font-size:1.25rem; }.sd-close h2 { font-size:clamp(2.7rem,10vw,3.7rem); }
}
@media (prefers-reduced-motion:reduce) {
  .sd-enter { animation:none; }.sd-reveal { opacity:1; transform:none; transition:none; }.sd-composition-orbit { animation:none; }.sd-build-piece,.sd-button,.sd-visual-site,.sd-visual-identity,.sd-visual-google,.sd-visual-social { transition:none; }.sd-build-piece:hover,.sd-button:hover,.sd-composition:hover .sd-visual-site,.sd-composition:hover .sd-visual-identity,.sd-composition:hover .sd-visual-google,.sd-composition:hover .sd-visual-social { transform:none; }
}

/* Start Digital art direction: a softer, independent expression of the Suport identity. */
.start-page main h1,
.start-page main h2,
.start-page main h3,
.start-page main .sd-reason-statement p,
.start-page main .sd-process-flow strong,
.start-page main .sd-process-note strong,
.start-page main .sd-plan-values strong,
.start-page main .sd-hero-offer strong,
.start-page main .sd-close-price strong {
  font-family:var(--font-body);
  font-stretch:normal;
  font-weight:600;
}
.start-page main h1,
.start-page main h2 { letter-spacing:-.055em; line-height:1.09; }
.start-page main h2 { font-weight:580; }
.sd-eyebrow,.sd-piece-index,.sd-plan-kicker,.sd-build-axis,.sd-comparison-heading {
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:.11em;
}
.sd-section { padding-block:clamp(108px,12vw,176px); }
.sd-button {
  border-radius:100px;
  padding-inline:26px;
  font-weight:750;
  box-shadow:0 14px 34px rgba(7,21,46,.11);
}
.sd-button-pink { box-shadow:0 15px 36px rgba(217,143,155,.17); }
.sd-reveal { transform:translateY(22px); transition-duration:.85s; }

/* Hero: a continuous atmosphere behind the layered interfaces. */
.sd-hero { background:radial-gradient(ellipse at 48% 42%,#FFFFFF 3%,transparent 45%),var(--sd-paper); }
.sd-hero::before {
  inset:-3% -5% -4% 50%;
  border-radius:48% 0 0 42% / 30% 0 0 40%;
  background:
    radial-gradient(ellipse at 24% 33%,rgba(186,210,227,.42),transparent 39%),
    radial-gradient(ellipse at 79% 70%,rgba(213,165,178,.28),transparent 42%),
    linear-gradient(145deg,#1E3858,#0A1C37 62%,#254263);
  box-shadow:inset 45px 0 90px rgba(245,245,243,.12);
}
.sd-hero-grain { opacity:.09; background-size:25% 100%; }
.sd-hero-layout { gap:clamp(16px,3vw,55px); }
.sd-hero h1 { max-width:670px; font-size:clamp(3.35rem,5.1vw,5.05rem); font-weight:600; line-height:1.07; letter-spacing:-.06em; }
.sd-hero h1 em,.sd-reason h2 em,.sd-build h2 em,.sd-discovery h2 em,.sd-process h2 em { color:#AE7586; font-weight:520; }
.sd-hero-intro { line-height:1.62; }
.sd-hero-offer { margin-top:49px; }
.sd-hero-offer strong { font-size:clamp(2rem,3.15vw,3.25rem); font-weight:620; letter-spacing:-.05em; }
.sd-offer-line { height:1px; opacity:.65; }
.sd-hero-bottom { border:0; color:#66768A; }
.sd-composition-halo { border-color:rgba(255,255,255,.09); box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 175px rgba(255,255,255,.015); }
.sd-composition-orbit { border:1px solid rgba(219,186,196,.18); }
.sd-visual-site,.sd-visual-identity,.sd-visual-google,.sd-visual-social,.sd-visual-traffic {
  box-shadow:0 24px 64px rgba(1,9,25,.17),0 5px 16px rgba(1,9,25,.08);
  backdrop-filter:blur(3px);
}
.sd-visual-site { border-color:rgba(255,255,255,.65); border-radius:18px 35px 18px 35px; transform:rotate(-2deg); background:rgba(249,250,249,.96); }
.sd-visual-identity { border-radius:18px 44px 20px 36px; background:linear-gradient(155deg,rgba(235,198,205,.97),rgba(199,147,164,.95)); transform:rotate(-7deg); }
.sd-visual-google { border-radius:19px 32px 18px 30px; background:rgba(255,255,255,.96); transform:rotate(3deg); }
.sd-visual-social { border:3px solid rgba(246,247,245,.7); border-radius:28px 31px 22px 33px; transform:rotate(6deg); }
.sd-visual-traffic { border-radius:18px 26px 19px 28px; background:rgba(22,51,85,.82); transform:rotate(-4deg); }
.sd-browser-body b,.sd-visual-identity b,.sd-mini-window b { font-family:var(--font-body); font-weight:600; letter-spacing:-.05em; line-height:1.08; }
.sd-browser-top,.sd-mini-window { border-color:rgba(120,149,172,.2); }
.sd-browser-top { background:rgba(229,238,242,.65); }
.sd-visual-identity b { font-size:clamp(1.35rem,2vw,2.2rem); }
.sd-browser-button { font-weight:650; }

/* Alternating editorial pauses instead of hard section boundaries. */
.sd-reason { background:radial-gradient(ellipse at 82% 20%,rgba(222,231,237,.5),transparent 41%),var(--sd-paper); }
.sd-reason h2 { font-size:clamp(3rem,5.15vw,5.45rem); }
.sd-section-number { opacity:.5; -webkit-text-stroke-color:rgba(7,21,46,.07); }
.sd-reason-copy { padding-top:82px; }
.sd-rule,.sd-plans-rule { width:53px; height:1px; transform:none; opacity:.65; }
.sd-reason-statement {
  position:relative;
  width:min(83%,960px);
  margin-top:110px;
  padding:18px 8px 18px 0;
  gap:25px;
  border:0;
  background:none;
}
.sd-reason-statement::before {
  content:""; position:absolute; z-index:-1; inset:-27px 12% -20px -9%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(221,229,234,.72),transparent 70%);
}
.sd-reason-statement p { font-size:clamp(2rem,3.1vw,3.5rem); line-height:1.24; letter-spacing:-.05em; font-weight:550; }
.sd-statement-mark { font-size:2rem; font-weight:400; }

.sd-build { background:linear-gradient(170deg,#EBF0F2,var(--sd-paper) 35%,#F8F7F5); }
.sd-build-top { margin-bottom:85px; }
.sd-build h2 { font-size:clamp(2.8rem,4.4vw,4.65rem); }
.sd-build-grid { gap:19px; }
.sd-build-piece {
  border:1px solid rgba(255,255,255,.5);
  border-radius:13px 26px 16px 22px;
  box-shadow:0 18px 42px rgba(7,21,46,.055);
}
.sd-build-piece:nth-child(2) { border-radius:24px 13px 27px 11px; }
.sd-build-piece:nth-child(3) { border-radius:12px 29px 12px 20px; }
.sd-build-piece:nth-child(4) { border-radius:24px 12px 26px 15px; }
.sd-build-piece:nth-child(5) { border-radius:14px 27px 13px 18px; }
.sd-build-piece:nth-child(6) { border-radius:27px 12px 17px 24px; }
.sd-build-piece h3 { font-size:1.18rem; font-weight:620; letter-spacing:-.035em; }
.sd-build-piece:hover { box-shadow:0 25px 48px rgba(7,21,46,.09); }
.sd-piece-identity { background:radial-gradient(ellipse at 55% 15%,rgba(169,196,214,.45),transparent 48%),linear-gradient(150deg,#284768,#0C1D38); }
.sd-piece-google { background:linear-gradient(135deg,#DAE5EC,#EFF3F4); }
.sd-piece-instagram { background:linear-gradient(145deg,#E7D0D5,#E9C1CB); }
.sd-piece-traffic { background:radial-gradient(ellipse at 90% 10%,rgba(152,193,213,.38),transparent 60%),linear-gradient(150deg,#213B5B,#456481); }
.sd-identity-symbol i { border-width:2px; opacity:.8; border-radius:35px 65px 26px 69px; }
.sd-mini-window { border-radius:12px 24px 14px 23px; box-shadow:13px 17px 30px rgba(42,72,99,.11); transform:rotate(2deg); }
.sd-chat-shape { border-width:1px; border-radius:24px 24px 24px 6px; }

/* Plans read as three related offerings, not three heavy posters. */
.sd-plans { background:radial-gradient(ellipse at 12% 14%,rgba(226,233,236,.55),transparent 45%),var(--sd-paper); }
.sd-plans-intro { margin-bottom:78px; }
.sd-plans-intro h2 { font-size:clamp(2.75rem,4.35vw,4.6rem); }
.sd-plan-grid { gap:22px; }
.sd-plan {
  border:1px solid rgba(115,138,155,.12);
  border-radius:16px 28px 15px 25px;
  background:rgba(255,255,255,.82);
  box-shadow:0 21px 46px rgba(7,21,46,.055);
}
.sd-plan-move {
  border-color:rgba(94,129,154,.2);
  background:radial-gradient(ellipse at 70% 6%,rgba(115,154,181,.42),transparent 55%),linear-gradient(160deg,#2F4C6A,#142D4C 75%,#102742);
  box-shadow:0 27px 59px rgba(7,21,46,.16);
}
.sd-plan-grow { margin-top:11px; }
.sd-plan-head { height:235px; padding:32px; }
.sd-plan h3 { margin-top:44px; font-size:clamp(2.8rem,4.1vw,4.55rem); font-weight:620; line-height:1.04; letter-spacing:-.06em; }
.sd-plan-shape { border-color:rgba(67,102,131,.09); box-shadow:0 0 0 40px rgba(67,102,131,.025),0 0 0 92px rgba(67,102,131,.012); }
.sd-plan-move .sd-plan-shape { border-color:rgba(255,255,255,.12); }
.sd-plan-time { margin-inline:32px; min-height:64px; padding-top:10px; border:0; }
.sd-plan-toggle { width:calc(100% - 64px); margin:0 32px 29px; padding:12px 0 18px; border-top:0; border-bottom-color:rgba(7,21,46,.1); font-weight:720; }
.sd-plan-move .sd-plan-toggle { border-bottom-color:rgba(255,255,255,.18); }
.sd-plan-values { margin:0 32px 34px; padding:8px 0 0; border:0; gap:7px; }
.sd-plan-values strong { font-size:1.35rem; font-weight:620; letter-spacing:-.035em; }
.sd-plan-values a { margin-top:18px; padding:15px 18px; border-radius:24px; font-weight:720; }
.sd-comparison { margin-top:96px; border-top-color:rgba(66,91,111,.14); }
.sd-comparison thead th { background:rgba(226,233,237,.55); }
.sd-comparison thead th:nth-child(3) { background:#314B68; }
.sd-comparison tbody th,.sd-comparison tbody td { border-bottom-color:rgba(66,91,111,.09); }

/* A soft field of discovery rather than a precise technical diagram. */
.sd-discovery { background:radial-gradient(ellipse at 79% 51%,rgba(255,255,255,.68),transparent 47%),linear-gradient(135deg,#E7EEF1,#E1E9ED 62%,#F1F3F1); }
.sd-discovery h2 { font-size:clamp(2.9rem,4.95vw,5.35rem); }
.sd-discovery-art::before { content:""; position:absolute; inset:14% 4%; border-radius:50%; background:radial-gradient(ellipse,rgba(166,189,205,.29),transparent 70%); filter:blur(18px); }
.sd-discovery-ring { border-color:rgba(53,83,110,.13); transform:translate(-50%,-50%) rotate(-12deg); }
.sd-ring-one { border-radius:49% 51% 47% 53% / 54% 46% 53% 47%; }
.sd-ring-two { border-radius:53% 47% 52% 48% / 47% 55% 45% 53%; border-color:rgba(184,131,149,.25); box-shadow:0 0 0 35px rgba(255,255,255,.09); }
.sd-disc-word { padding:10px 16px; border:0; border-radius:25px; background:rgba(250,250,248,.88); box-shadow:0 13px 32px rgba(7,21,46,.07); }
.sd-word-one { top:72px; left:12%; transform:rotate(-4deg); }
.sd-word-two { top:49%; right:-1%; transform:rotate(4deg); }
.sd-word-three { bottom:49px; left:6%; transform:rotate(-3deg); }
.sd-discovery-core { width:142px; height:142px; background:radial-gradient(circle at 34% 25%,#7894A9,#233E5D 56%,#0D2545); box-shadow:0 22px 49px rgba(7,21,46,.18); }

/* The process follows an undulating path with alternating emphasis. */
.sd-process { background:radial-gradient(ellipse at 18% 90%,rgba(223,232,237,.44),transparent 42%),#F8F7F4; }
.sd-process h2 { font-size:clamp(2.8rem,4.45vw,4.75rem); }
.sd-process-flow { border:0; margin-top:15px; }
.sd-process-flow::before { top:5px; height:80px; border-top:1px solid rgba(111,143,166,.43); border-radius:50% 50% 0 0; background:none; transform:rotate(-2deg); }
.sd-process-flow>div { padding-top:36px; }
.sd-process-flow>div:nth-child(even) { padding-top:77px; }
.sd-process-flow>div::before { top:0; width:9px; height:9px; border:0; background:#C4899A; box-shadow:0 0 0 7px rgba(209,165,174,.17); }
.sd-process-flow>div:nth-child(even)::before { top:33px; }
.sd-process-flow span { font-size:1.65rem; font-weight:500; color:#B87B8C; }
.sd-process-flow strong { font-size:clamp(1.08rem,1.4vw,1.45rem); line-height:1.27; letter-spacing:-.035em; font-weight:630; }
.sd-process-copy { border-left:1px solid rgba(181,120,139,.45); }
.sd-process-note { padding:38px 43px; border-radius:28px 38px 30px 39px; background:linear-gradient(135deg,#E6ECEE,#E2E8EB); }
.sd-process-note strong { font-size:clamp(1.55rem,2.3vw,2.35rem); line-height:1.23; font-weight:600; }

.sd-close { background:radial-gradient(ellipse at 69% 16%,rgba(86,122,151,.5),transparent 44%),radial-gradient(ellipse at 88% 90%,rgba(176,124,145,.16),transparent 42%),linear-gradient(138deg,#0A1B35,#193755 67%,#10243E); }
.sd-close h2 { font-size:clamp(2.95rem,5vw,5.4rem); line-height:1.09; font-weight:560; }
.sd-close-price strong { font-size:clamp(2.1rem,2.9vw,3.2rem); font-weight:620; }

@media (max-width:900px) {
  .sd-hero h1 { font-size:clamp(3.1rem,6.8vw,4.5rem); }
  .sd-hero::before { inset:49% -8% -4% -8%; border-radius:36% 36% 0 0 / 11% 11% 0 0; }
  .sd-build-grid { gap:13px; }
  .sd-plan-head { padding:24px; }
  .sd-plan h3 { font-size:clamp(2.45rem,4vw,3.6rem); }
  .sd-plan-time { margin-inline:24px; }
  .sd-plan-toggle { width:calc(100% - 48px); margin-inline:24px; }
  .sd-plan-values { margin-inline:24px; }
}
@media (max-width:700px) {
  .sd-section { padding-block:91px; }
  .sd-hero::before { top:54%; }
  .sd-hero h1 { font-size:clamp(2.7rem,9vw,4rem); line-height:1.1; }
  .sd-reason h2 { font-size:clamp(2.7rem,8.6vw,4rem); }
  .sd-reason-copy { padding-top:10px; }
  .sd-reason-statement { width:100%; margin-top:65px; }
  .sd-build-top { margin-bottom:43px; }
  .sd-build h2,.sd-plans-intro h2,.sd-process h2 { font-size:clamp(2.65rem,7.5vw,3.8rem); }
  .sd-build-grid { gap:10px; }
  .sd-build-piece { border-radius:18px 28px 21px 29px; }
  .sd-plan-grid { gap:19px; }
  .sd-plan-head { height:165px; }
  .sd-plan h3 { margin-top:24px; font-size:3.3rem; }
  .sd-comparison { margin-top:65px; }
  .sd-discovery h2,.sd-close h2 { font-size:clamp(2.75rem,8.5vw,4.2rem); }
  .sd-process-flow { border-left:1px solid rgba(111,143,166,.4); margin:34px 0 50px 12px; }
  .sd-process-flow::before { left:-1px; right:auto; top:0; bottom:0; width:1px; height:auto; border:0; border-radius:0; background:linear-gradient(#D7A5B1,#7894A9); transform:none; }
  .sd-process-flow>div,.sd-process-flow>div:nth-child(even) { min-height:105px; padding:0 5px 23px 28px; }
  .sd-process-flow>div:nth-child(even) { padding-left:43px; }
  .sd-process-flow>div::before,.sd-process-flow>div:nth-child(even)::before { left:-5px; top:5px; }
  .sd-process-flow strong { font-size:1.21rem; }
}
@media (max-width:480px) {
  .sd-hero h1 { font-size:clamp(2.45rem,9.2vw,3.15rem); }
  .sd-hero-offer strong { font-size:clamp(1.9rem,8.4vw,2.5rem); }
  .sd-visual-identity b { font-size:1.6rem; }
  .sd-reason h2 { font-size:clamp(2.5rem,9vw,3.4rem); }
  .sd-reason-statement p { font-size:clamp(1.85rem,7vw,2.5rem); }
  .sd-build h2,.sd-plans-intro h2,.sd-process h2 { font-size:clamp(2.45rem,8vw,3.1rem); }
  .sd-build-piece h3 { font-size:.92rem; }
  .sd-plan h3 { font-size:3.2rem; }
  .sd-discovery h2,.sd-close h2 { font-size:clamp(2.55rem,8.6vw,3.45rem); }
  .sd-process-flow strong { max-width:207px; font-size:1.13rem; }
  .sd-hero::before { top:61%; }
  .sd-process-flow { border-left:0; }
  .sd-process-flow::before { left:-9px; top:2px; bottom:10px; width:42px; border-left:1px solid rgba(111,143,166,.38); border-radius:55% 0 0 45%; background:none; transform:rotate(2deg); }
  .sd-process-flow>div:nth-child(2) { margin-left:7px; }
  .sd-process-flow>div:nth-child(3) { margin-left:15px; }
  .sd-process-flow>div:nth-child(4) { margin-left:9px; }
}

/* Experimental editorial layer: mixed media, deliberate misalignment and choreography. */
.start-page main { overflow:clip; }
.sd-hero { isolation:isolate; }
.sd-hero::before {
  background:
    radial-gradient(ellipse at 20% 22%,rgba(183,208,226,.57),transparent 37%),
    radial-gradient(ellipse at 85% 71%,rgba(208,151,174,.3),transparent 36%),
    linear-gradient(132deg,#284361,#091B35 58%,#244562);
}
.sd-hero-layout { perspective:1100px; }
.sd-hero h1 { max-width:690px; }
.sd-hero h1 em { display:inline-block; position:relative; }
.sd-hero h1 em::after {
  content:""; position:absolute; left:0; right:2%; bottom:.02em; height:.11em;
  background:rgba(209,165,174,.24); z-index:-1; transform:rotate(-1.7deg);
}
.sd-hero-bottom { position:relative; z-index:4; }
.sd-visual-sculpture {
  position:absolute; z-index:1; width:76%; height:470px; right:-16%; top:65px;
  overflow:hidden; border-radius:46% 35% 24% 38% / 31% 46% 36% 40%;
  transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotate(-9deg);
  box-shadow:0 48px 100px rgba(2,12,32,.27);
  opacity:.91; will-change:transform;
}
.sd-visual-sculpture::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(130deg,rgba(8,24,47,.04),transparent 50%,rgba(8,24,47,.18));
}
.sd-visual-sculpture img { width:100%; height:100%; object-fit:cover; object-position:62% center; }
.sd-visual-site { z-index:3; left:3%; top:183px; width:69%; transform:rotate(-7deg); box-shadow:0 34px 76px rgba(2,11,31,.22); }
.sd-visual-identity { z-index:5; left:-12%; top:24px; transform:rotate(-12deg); }
.sd-visual-google { z-index:6; right:-10%; top:104px; transform:rotate(8deg); }
.sd-visual-social { z-index:4; right:-9%; bottom:21px; transform:rotate(13deg); }
.sd-visual-traffic { z-index:5; left:2%; bottom:4px; transform:rotate(-8deg); }
.sd-composition-orbit { z-index:2; width:450px; height:450px; right:-90px; top:60px; border-style:solid; border-color:rgba(255,255,255,.19); animation-duration:100s; }
.sd-composition-halo { z-index:0; }
.sd-hero-side-note { z-index:7; right:-64px; }

.sd-reason { z-index:1; }
.sd-reason-heading { transform:translateX(-1.5vw); }
.sd-reason-statement { transform:translateX(3vw) rotate(-1.4deg); }
.sd-reason-statement.is-visible { transform:translateX(3vw) rotate(-1.4deg); }
.sd-reason-foot { transform:translateX(2vw); }
.sd-reason::after {
  content:""; position:absolute; z-index:3; width:15vw; max-width:225px; height:15vw; max-height:225px;
  right:-4vw; bottom:-7vw; border:1px solid rgba(142,100,126,.27);
  border-radius:33% 67% 51% 49%; transform:rotate(25deg);
  box-shadow:inset 0 0 0 35px rgba(216,225,231,.26);
  pointer-events:none;
}

.sd-build { isolation:isolate; }
.sd-build::before {
  content:""; position:absolute; z-index:-1; left:-10vw; top:-7vw;
  width:45vw; height:45vw; border-radius:50%;
  background:radial-gradient(circle,rgba(187,210,225,.43),transparent 66%);
  pointer-events:none;
}
.sd-build-top { position:relative; z-index:2; }
.sd-build-grid { position:relative; }
.sd-piece-identity { top:13px; left:-14px; transform:rotate(-1.5deg); }
.sd-piece-identity.is-visible { transform:rotate(-1.5deg); }
.sd-piece-site { top:-16px; left:17px; transform:rotate(1.2deg); z-index:2; }
.sd-piece-site.is-visible { transform:rotate(1.2deg); }
.sd-piece-google { top:4px; left:-17px; transform:rotate(-1.3deg); z-index:1; }
.sd-piece-google.is-visible { transform:rotate(-1.3deg); }
.sd-piece-instagram { top:33px; left:13px; transform:rotate(2deg); z-index:3; background:#DDD9D8; }
.sd-piece-instagram.is-visible { transform:rotate(2deg); }
.sd-piece-whatsapp { top:4px; left:15px; transform:rotate(1.6deg); }
.sd-piece-whatsapp.is-visible { transform:rotate(1.6deg); }
.sd-piece-traffic { top:24px; left:-8px; transform:rotate(-2deg); z-index:2; }
.sd-piece-traffic.is-visible { transform:rotate(-2deg); }
.sd-build-piece:hover,.sd-build-piece.is-visible:hover { transform:translateY(-9px) rotate(0deg) scale(1.015); z-index:5; }
.sd-piece-photo { position:absolute; inset:0; overflow:hidden; }
.sd-piece-photo::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent 0%,rgba(7,21,46,.64) 80%); }
.sd-piece-photo img { width:100%; height:100%; object-fit:cover; object-position:57% center; transform:translate3d(0,var(--sd-drift,0px),0) scale(1.11); transition:transform .5s ease; }
.sd-piece-instagram .sd-insta-shapes { display:none; }
.sd-piece-instagram h3,.sd-piece-instagram p { color:white; text-shadow:0 2px 12px rgba(7,21,46,.2); }
.sd-piece-instagram .sd-piece-index { color:#F4D9E0; text-shadow:0 2px 10px rgba(7,21,46,.3); }
.sd-piece-google .sd-google-glyph { right:-11px; top:-30px; font-family:var(--font-body); font-weight:400; font-size:15rem; transform:rotate(-13deg); }
.sd-piece-traffic .sd-traffic-line { display:none; }
.sd-piece-traffic::after { content:"↗"; position:absolute; right:1%; top:-27%; font-family:var(--font-body); font-size:15rem; font-weight:300; color:rgba(255,255,255,.15); transform:rotate(-14deg); pointer-events:none; }

.sd-plans-intro { transform:translateX(-1vw); }
.sd-plan-start { transform:rotate(-1.5deg); }
.sd-plan-start.is-visible { transform:rotate(-1.5deg); }
.sd-plan-move { transform:translateY(-24px) rotate(.8deg); }
.sd-plan-move.is-visible { transform:translateY(-24px) rotate(.8deg); }
.sd-plan-grow { transform:rotate(1.7deg); }
.sd-plan-grow.is-visible { transform:rotate(1.7deg); }
.sd-plan { transition:transform .45s var(--ease),box-shadow .45s var(--ease); }
.sd-plan:hover,.sd-plan.is-visible:hover { transform:translateY(-13px) rotate(0deg) scale(1.015); box-shadow:0 34px 65px rgba(7,21,46,.13); }
.sd-plan-move:hover,.sd-plan-move.is-visible:hover { box-shadow:0 38px 70px rgba(7,21,46,.22); }
.sd-plan-shape { width:270px; height:270px; right:-135px; bottom:-110px; border-radius:45% 55% 42% 58%; transform:rotate(20deg); }
.sd-comparison { position:relative; z-index:2; }

.sd-discovery { isolation:isolate; }
.sd-discovery-art { position:sticky; top:110px; }
.sd-discovery-photo {
  position:absolute; width:52%; height:83%; left:25%; top:7%; z-index:1;
  overflow:hidden; border-radius:47% 47% 26% 31% / 27% 28% 26% 28%;
  transform:rotate(9deg);
  box-shadow:0 32px 62px rgba(7,21,46,.16);
}
.sd-discovery-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(226,235,239,.04),rgba(214,228,236,.14)); }
.sd-discovery-photo img { width:100%; height:100%; object-fit:cover; object-position:58% center; transform:translate3d(0,var(--sd-drift,0px),0) scale(1.12); }
.sd-discovery-ring { z-index:2; border-color:rgba(7,21,46,.25); }
.sd-ring-one { width:min(109%,500px); }
.sd-ring-two { border-color:rgba(202,143,162,.43); }
.sd-disc-word { z-index:4; backdrop-filter:blur(9px); }
.sd-discovery-core { z-index:3; width:118px; height:118px; background:rgba(9,28,52,.83); backdrop-filter:blur(10px); }

.sd-process-flow>div:nth-child(2) { transform:translateY(9px); }
.sd-process-flow>div:nth-child(3) { transform:translateY(-7px); }
.sd-process-flow>div:nth-child(4) { transform:translateY(16px); }
.sd-process-flow span { transition:transform .35s ease; }
.sd-process-flow>div:hover span { transform:translateY(-5px) rotate(-8deg); }
.sd-process-note { transform:rotate(1.5deg); }
.sd-close::before { transform:rotate(-12deg); }
.sd-close-light { animation:sd-light-breathe 9s ease-in-out infinite alternate; }
@keyframes sd-light-breathe { to { transform:translate(-28px,18px) scale(1.25); opacity:.75; } }

/* A varied entry language replaces a uniform fade-up. */
.sd-reveal[data-motion="left"] { transform:translate3d(-38px,14px,0) rotate(-1.7deg); }
.sd-reveal[data-motion="right"] { transform:translate3d(38px,10px,0) rotate(1.7deg); }
.sd-reveal[data-motion="tilt"] { transform:translate3d(0,38px,0) rotate(3deg) scale(.97); }
.sd-reveal[data-motion="mask"] { clip-path:inset(0 0 24% 0); transform:translateY(18px); }
.sd-reveal.is-visible[data-motion] { opacity:1; transform:none; clip-path:inset(0 0 0 0); transition-delay:var(--sd-delay,0ms); }
.sd-piece-identity.is-visible,.sd-piece-google.is-visible,.sd-piece-traffic.is-visible { transform:rotate(-1.5deg); }
.sd-piece-site.is-visible,.sd-piece-whatsapp.is-visible { transform:rotate(1.2deg); }
.sd-piece-instagram.is-visible { transform:rotate(2deg); }
.sd-plan-start.is-visible { transform:rotate(-1.5deg); }
.sd-plan-move.is-visible { transform:translateY(-24px) rotate(.8deg); }
.sd-plan-grow.is-visible { transform:rotate(1.7deg); }

@media (max-width:900px) {
  .sd-visual-sculpture { width:71%; right:-7%; top:30px; height:420px; }
  .sd-visual-site { top:155px; }
  .sd-piece-identity,.sd-piece-site,.sd-piece-google,.sd-piece-instagram,.sd-piece-whatsapp,.sd-piece-traffic { left:0; }
  .sd-discovery-art { position:relative; top:auto; }
}
@media (max-width:700px) {
  .sd-visual-sculpture { width:85%; right:-4%; top:30px; height:380px; }
  .sd-visual-site { top:134px; }
  .sd-reason-heading,.sd-reason-statement,.sd-reason-statement.is-visible,.sd-reason-foot { transform:none; }
  .sd-reason::after { bottom:-32px; right:-35px; width:110px; height:110px; }
  .sd-build-grid { gap:12px; }
  .sd-build-piece,.sd-build-piece.is-visible { left:0; top:0; transform:none; }
  .sd-build-piece:nth-child(2),.sd-build-piece:nth-child(4) { transform:translateY(11px); }
  .sd-plan,.sd-plan-start,.sd-plan-move,.sd-plan-grow,.sd-plan.is-visible,.sd-plan-start.is-visible,.sd-plan-move.is-visible,.sd-plan-grow.is-visible { margin:0; transform:none; }
  .sd-plan:nth-child(2) { transform:translateX(7px); }
  .sd-plan:nth-child(3) { transform:translateX(-6px); }
  .sd-discovery-photo { width:48%; height:80%; left:28%; }
  .sd-process-flow>div:nth-child(2),.sd-process-flow>div:nth-child(3),.sd-process-flow>div:nth-child(4) { transform:none; }
  .sd-process-note { transform:rotate(1deg); }
}
@media (max-width:480px) {
  .sd-visual-sculpture { width:84%; right:1%; top:55px; height:365px; }
  .sd-visual-site { left:1%; top:176px; }
  .sd-visual-identity { left:-4%; top:23px; }
  .sd-visual-google { right:-4%; }
  .sd-visual-social { right:-1%; }
  .sd-piece-photo img { object-position:48% center; }
  .sd-piece-google .sd-google-glyph { top:0; font-size:9rem; }
  .sd-piece-traffic::after { top:-6%; right:-9%; font-size:9rem; }
  .sd-discovery-photo { width:48%; height:78%; left:30%; top:8%; }
  .sd-discovery-core { width:103px; height:103px; font-size:4rem; }
}
@media (prefers-reduced-motion:reduce) {
  .sd-reveal,.sd-reveal[data-motion],.sd-reveal.is-visible[data-motion] { opacity:1; transform:none; clip-path:none; transition:none; }
  .sd-build-piece,.sd-build-piece.is-visible,.sd-plan,.sd-plan.is-visible,.sd-process-note { transform:none; }
  .sd-build-piece:hover,.sd-build-piece.is-visible:hover,.sd-plan:hover,.sd-plan.is-visible:hover { transform:none; }
  .sd-composition-orbit,.sd-close-light { animation:none; }
  .sd-visual-sculpture { transform:rotate(-9deg); will-change:auto; }
  .sd-piece-photo img,.sd-discovery-photo img { transform:scale(1.08); }
}

/* Start Digital master direction: warm editorial canvas and living project media. */
.start-page { --sd-paper:#F8F6F1; --sd-milk:#EBE4D9; --sd-cream:#F1EBE2; background:var(--sd-paper); }
.start-page .site-header { background:rgba(248,246,241,.94); }
.sd-hero {
  min-height:760px; padding:clamp(75px,10vw,155px) 0 34px;
  overflow:hidden; background:radial-gradient(ellipse at 80% 16%,rgba(224,192,198,.23),transparent 44%),linear-gradient(128deg,#F8F6F1 15%,#F1EAE0 70%,#EDE3D9);
}
.sd-hero::before { content:none; }
.sd-hero-grain { opacity:.12; background-image:linear-gradient(90deg,transparent 49.8%,rgba(7,21,46,.08) 50%,transparent 50.2%); }
.sd-hero-layout { display:block; min-height:0; perspective:none; }
.sd-hero-copy { max-width:1050px; padding:0 0 85px; }
.sd-hero .sd-eyebrow { color:#A66C7A; }
.sd-hero h1 { position:relative; z-index:2; max-width:1030px; margin:36px 0 32px; font-size:clamp(4.5rem,8vw,8.7rem); line-height:.97; letter-spacing:-.074em; font-weight:570; text-wrap:balance; }
.sd-hero h1 em { color:#BA8492; font-weight:580; }
.sd-hero-intro { max-width:640px; font-size:clamp(1.1rem,1.55vw,1.33rem); color:#42536B; }
.sd-hero-offer { margin-top:52px; }
.sd-hero-offer strong { font-size:clamp(2.1rem,3.4vw,3.6rem); }
.sd-hero-action { margin-top:28px; }
.sd-hero-bottom { position:absolute; bottom:0; left:0; right:0; padding-block:18px; border-top:1px solid rgba(7,21,46,.12); background:rgba(245,238,230,.48); }
.sd-hero-watermark { position:absolute; z-index:0; inset:0; pointer-events:none; overflow:hidden; }
.sd-hero-watermark span { position:absolute; display:block; width:330px; height:330px; border:2px solid rgba(189,126,146,.18); border-radius:12% 84% 12% 82%; transform:rotate(-38deg); animation:sd-watermark-drift 22s ease-in-out infinite alternate; }
.sd-hero-watermark span:nth-child(1) { right:-85px; top:-70px; width:430px; height:430px; }
.sd-hero-watermark span:nth-child(2) { right:8%; bottom:55px; border-color:rgba(29,65,99,.11); transform:rotate(25deg); animation-delay:-8s; }
.sd-hero-watermark span:nth-child(3) { left:-245px; bottom:-190px; width:390px; height:390px; border-color:rgba(189,126,146,.1); animation-delay:-14s; }
@keyframes sd-watermark-drift { to { translate:18px -16px; rotate:7deg; } }

.sd-reason { background:linear-gradient(150deg,#F0E9E0,#EDE4D9 68%,#F7F3EE); }
.sd-reason-statement::before { background:radial-gradient(ellipse,rgba(223,194,201,.3),transparent 70%); }
.sd-build { padding-bottom:110px; background:linear-gradient(180deg,#F8F6F1,#F1EAE1 35%,#F8F6F1 80%); }
.sd-build::before { background:radial-gradient(circle,rgba(213,162,178,.16),transparent 68%); }
.sd-build-top { margin-bottom:45px; }
.sd-service-stories { display:grid; gap:clamp(100px,13vw,190px); }
.sd-story { position:relative; min-width:0; }
.sd-story-heading { max-width:660px; margin:0 0 36px; }
.sd-story-heading h3,.sd-story-pair h3,.sd-story-traffic h3 { margin:13px 0 10px; font-size:clamp(2rem,3.4vw,4rem); line-height:1.03; letter-spacing:-.055em; font-weight:560; }
.sd-story-heading p,.sd-story-pair p,.sd-story-traffic p { max-width:590px; margin:0; color:#526075; font-size:clamp(1rem,1.2vw,1.17rem); line-height:1.6; }
.sd-gallery-window,.sd-sites-window { width:calc(100% + max(32px,(100vw - 1240px)/2)); margin-left:calc(-1 * max(32px,(100vw - 1240px)/2)); overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.sd-brand-track,.sd-sites-track { display:flex; width:max-content; gap:18px; animation:sd-marquee 66s linear infinite; }
.sd-brand-track img { display:block; flex:none; width:min(66vw,830px); height:clamp(260px,35vw,450px); object-fit:cover; border-radius:22px; box-shadow:0 20px 45px rgba(7,21,46,.12); }
.sd-brand-track img:nth-child(even) { margin-top:18px; }
.sd-gallery-window:hover .sd-brand-track,.sd-sites-window:hover .sd-sites-track { animation-play-state:paused; }
@keyframes sd-marquee { to { transform:translateX(calc(-50% - 9px)); } }
.sd-story-sites .sd-story-heading { margin-left:auto; text-align:right; }
.sd-story-sites .sd-story-heading p { margin-left:auto; }
.sd-sites-track { animation-duration:56s; animation-direction:reverse; }
.sd-site-frame { flex:none; width:min(48vw,590px); height:clamp(270px,34vw,430px); padding:10px 10px 0; overflow:hidden; border:1px solid rgba(52,75,103,.18); border-radius:15px 15px 5px 5px; background:#F8F9F8; box-shadow:0 24px 48px rgba(7,21,46,.14); }
.sd-site-frame::before { content:'●  ●  ●'; display:block; height:24px; padding-left:5px; color:#C893A2; font-size:10px; letter-spacing:3px; }
.sd-site-frame img { display:block; width:100%; height:calc(100% - 24px); object-fit:cover; object-position:top; border-radius:5px 5px 0 0; }
.sd-site-frame:nth-child(even) { margin-top:32px; }
.sd-story-instagram { display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:3%; min-height:560px; }
.sd-story-instagram .sd-story-heading { position:relative; z-index:2; margin-left:3vw; }
.sd-asana-frame { position:relative; margin-right:-6vw; transform:rotate(2deg); border-radius:30px; box-shadow:0 35px 70px rgba(7,21,46,.18); }
.sd-asana-frame.is-visible { transform:rotate(2deg); }
.sd-asana-frame img { display:block; width:100%; height:auto; border-radius:30px; }
.sd-story-pair { display:grid; grid-template-columns:1fr .7fr; align-items:end; gap:clamp(20px,5vw,80px); }
.sd-story-google { min-height:560px; padding:50px; overflow:hidden; border-radius:36px; background:linear-gradient(145deg,#E8DED2,#F7F4EF 64%); }
.sd-story-google img { position:absolute; width:73%; height:72%; top:0; right:-7%; object-fit:contain; mix-blend-mode:multiply; opacity:.95; }
.sd-story-google h3,.sd-story-google p { position:relative; z-index:2; max-width:420px; }
.sd-story-google h3 { margin-top:330px; }
.sd-story-whatsapp { padding:15px 0 32px; }
.sd-whatsapp-graphic { height:250px; display:grid; place-items:center; border-radius:44% 56% 59% 41%; background:linear-gradient(135deg,#E2C9CD,#F4E6E0); transform:rotate(-8deg); }
.sd-whatsapp-graphic span { color:#173556; font-size:clamp(7rem,14vw,13rem); line-height:1; font-weight:300; transform:rotate(8deg); }
.sd-story-traffic { min-height:440px; display:grid; grid-template-columns:.9fr 1.1fr; align-items:end; gap:8%; padding:45px clamp(35px,6vw,85px); overflow:hidden; border-radius:36px; background:radial-gradient(circle at 18% 24%,#416B8C,transparent 36%),linear-gradient(125deg,#102A49,#08172D 72%); color:white; }
.sd-story-traffic .sd-piece-index { position:absolute; top:45px; color:#E8B5C1; }
.sd-story-traffic h3 { color:white; }
.sd-story-traffic p { color:#D9E4EA; }
.sd-traffic-graphic { align-self:center; color:rgba(230,177,191,.66); font-size:clamp(14rem,30vw,31rem); line-height:.6; font-weight:300; transform:rotate(-12deg); animation:sd-traffic-breathe 10s ease-in-out infinite alternate; }
@keyframes sd-traffic-breathe { to { transform:translate(17px,-14px) rotate(-8deg) scale(1.04); } }
.sd-plans { background:#EEE7DE; }
.sd-discovery { background:linear-gradient(145deg,#E9E0D5,#E8E4DD 62%,#F5F0EA); }
.sd-process { background:#F8F6F1; }

@media (max-width:900px) {
  .sd-hero { min-height:0; padding-top:95px; }
  .sd-hero-copy { padding-bottom:125px; }
  .sd-hero h1 { font-size:clamp(3.8rem,10vw,6.5rem); }
  .sd-hero-watermark span:nth-child(1) { right:-220px; }
  .sd-story-instagram { grid-template-columns:1fr; min-height:0; }
  .sd-story-instagram .sd-story-heading { margin-left:0; }
  .sd-asana-frame { width:95%; margin-left:7%; margin-right:0; }
  .sd-story-google { min-height:460px; }
  .sd-story-google h3 { margin-top:270px; }
}
@media (max-width:700px) {
  .sd-hero { padding-top:72px; }
  .sd-hero-copy { padding-bottom:120px; }
  .sd-hero h1 { font-size:clamp(3.2rem,11vw,5rem); }
  .sd-hero-watermark span:nth-child(1) { width:290px; height:290px; right:-155px; top:70px; }
  .sd-hero-watermark span:nth-child(2) { width:220px; height:220px; right:-80px; bottom:120px; }
  .sd-service-stories { gap:105px; }
  .sd-gallery-window,.sd-sites-window { width:calc(100% + 34px); margin-left:-17px; }
  .sd-brand-track img { width:82vw; height:55vw; min-height:250px; }
  .sd-site-frame { width:79vw; height:62vw; min-height:265px; }
  .sd-story-pair { grid-template-columns:1fr; gap:60px; }
  .sd-story-google { min-height:440px; padding:28px; }
  .sd-story-google img { width:83%; right:-13%; }
  .sd-story-google h3 { margin-top:255px; }
  .sd-story-whatsapp { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:20px; }
  .sd-story-whatsapp .sd-piece-index { grid-column:1/-1; }
  .sd-whatsapp-graphic { grid-column:2; grid-row:2/4; height:200px; }
  .sd-story-whatsapp h3 { grid-column:1; grid-row:2; align-self:end; }
  .sd-story-whatsapp p { grid-column:1; grid-row:3; align-self:start; }
  .sd-story-traffic { grid-template-columns:1fr; min-height:430px; padding:28px; }
  .sd-traffic-graphic { position:absolute; top:70px; right:-7%; font-size:17rem; opacity:.52; }
  .sd-story-traffic>div:last-child { position:relative; z-index:1; }
}
@media (max-width:480px) {
  .sd-hero h1 { font-size:clamp(2.85rem,11vw,3.7rem); }
  .sd-hero-copy { padding-bottom:95px; }
  .sd-gallery-window,.sd-sites-window { -webkit-mask-image:none; mask-image:none; }
  .sd-asana-frame { width:110%; margin-left:-2%; }
  .sd-story-google { min-height:395px; }
  .sd-story-google img { height:60%; }
  .sd-story-google h3 { margin-top:215px; }
  .sd-story-whatsapp { grid-template-columns:1fr; }
  .sd-story-whatsapp .sd-piece-index,.sd-story-whatsapp h3,.sd-story-whatsapp p,.sd-whatsapp-graphic { grid-column:1; grid-row:auto; }
  .sd-whatsapp-graphic { height:170px; margin:0 15%; }
}
@media (prefers-reduced-motion:reduce) {
  .sd-hero-watermark span,.sd-brand-track,.sd-sites-track,.sd-traffic-graphic { animation:none; }
  .sd-asana-frame,.sd-asana-frame.is-visible { transform:none; }
}

/* Refinement: a centered, proportional landing with one compact ecosystem composition. */
.sd-section { padding-block:clamp(84px,8vw,118px); }
.sd-eyebrow { font-size:.78rem; letter-spacing:.13em; }
.sd-hero { min-height:620px; padding-top:clamp(66px,6vw,82px); }
.sd-hero-layout { display:flex; justify-content:center; text-align:center; }
.sd-hero-copy { max-width:830px; padding-bottom:70px; }
.sd-hero .sd-eyebrow { justify-content:center; font-size:.91rem; color:#9D6476; }
.sd-hero h1 { max-width:830px; margin:21px auto 20px; font-size:clamp(3.2rem,5vw,5.2rem); line-height:1.03; letter-spacing:-.062em; }
.sd-hero-intro { max-width:620px; margin-inline:auto; font-size:clamp(1.02rem,1.35vw,1.17rem); }
.sd-hero-offer { margin:27px auto 0; justify-items:center; }
.sd-hero-offer strong { font-size:clamp(1.9rem,2.75vw,2.75rem); }
.sd-hero-action { justify-content:center; margin-top:17px; }
.sd-price-note { text-align:center; }
.sd-hero-watermark span { opacity:.72; }
.sd-reason h2 { font-size:clamp(2.45rem,3.55vw,3.75rem); }
.sd-reason-statement { margin-top:66px; }
.sd-reason-statement p { font-size:clamp(1.7rem,2.55vw,2.65rem); }
.sd-section-number { font-size:clamp(8rem,13vw,14rem); }
.sd-build { padding-bottom:clamp(85px,9vw,125px); }
.sd-build-top { display:block; max-width:850px; margin:0 auto 40px; text-align:center; }
.sd-build-top .sd-eyebrow { font-size:.88rem; }
.sd-build h2 { max-width:800px; margin:15px auto 0; font-size:clamp(2.4rem,3.45vw,3.65rem); }
.sd-build-axis { display:none; }
.sd-service-stories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sd-story-pair { display:contents; }
.sd-service-stories .sd-story { display:block; width:auto; height:340px; min-height:0; margin:0; padding:0; overflow:hidden; border:1px solid rgba(56,75,94,.12); border-radius:23px; background:#F6F2ED; box-shadow:0 12px 28px rgba(7,21,46,.06); transform:none; transition:transform .35s var(--ease),box-shadow .35s var(--ease); }
.sd-service-stories .sd-story.is-visible { transform:none; }
.sd-service-stories .sd-story:hover,.sd-service-stories .sd-story.is-visible:hover { transform:translateY(-4px); box-shadow:0 18px 34px rgba(7,21,46,.1); }
.sd-service-stories .sd-piece-index { position:absolute; z-index:4; top:15px; left:19px; color:#A57482; font-size:.55rem; letter-spacing:.12em; }
.sd-service-stories .sd-story-heading { position:absolute; z-index:3; left:20px; right:20px; bottom:20px; width:auto; max-width:none; margin:0; text-align:left; }
.sd-service-stories .sd-story-heading .sd-piece-index { top:auto; bottom:calc(100% + 152px); left:0; }
.sd-service-stories h3 { position:relative; z-index:3; margin:0 0 7px; font-size:clamp(1.22rem,1.65vw,1.7rem); font-weight:650; line-height:1.13; letter-spacing:-.04em; }
.sd-service-stories p { position:relative; z-index:3; max-width:none; margin:0; font-size:.81rem; line-height:1.42; color:#536176; }
.sd-gallery-window,.sd-sites-window { position:absolute; inset:0 0 auto; width:100%; height:205px; margin:0; -webkit-mask-image:none; mask-image:none; }
.sd-brand-track,.sd-sites-track { height:100%; gap:9px; animation-duration:48s; }
.sd-brand-track img { width:340px; height:100%; min-height:0; margin:0!important; border-radius:0; box-shadow:none; }
.sd-site-frame { width:325px; height:198px; min-height:0; margin:6px 0 0!important; padding:5px 5px 0; border-radius:8px 8px 0 0; box-shadow:0 8px 20px rgba(7,21,46,.12); }
.sd-site-frame::before { height:14px; font-size:7px; }
.sd-site-frame img { height:calc(100% - 14px); }
.sd-story-sites .sd-story-heading,.sd-story-sites .sd-story-heading p { margin:0; text-align:left; }
.sd-story-instagram .sd-story-heading { margin:0; }
.sd-asana-frame,.sd-asana-frame.is-visible { position:absolute; top:0; left:0; width:100%; height:208px; margin:0; border-radius:0; box-shadow:none; transform:none; }
.sd-asana-frame img { width:100%; height:100%; object-fit:cover; object-position:center; border-radius:0; }
.sd-service-stories .sd-story-google { background:#EEF0ED; }
.sd-story-google>img { width:100%; height:195px; top:0; right:0; object-fit:contain; object-position:center; padding:18px 35px; background:#F4F5F2; mix-blend-mode:normal; }
.sd-story-google h3,.sd-story-google p { position:absolute; left:20px; right:20px; max-width:none; }
.sd-story-google h3 { bottom:79px; margin:0; }
.sd-story-google p { bottom:20px; }
.sd-service-stories .sd-story-whatsapp { background:linear-gradient(145deg,#F3E5E3,#E7D0D1 58%,#F8F3ED); }
.sd-whatsapp-graphic { position:absolute; top:0; left:0; width:100%; height:196px; margin:0; border-radius:0; transform:none; background:radial-gradient(circle at 73% 25%,rgba(255,255,255,.75),transparent 32%),linear-gradient(135deg,#DEBEC5,#F2E6DE); }
.sd-whatsapp-graphic::before { content:""; position:absolute; width:115px; height:115px; top:29px; left:calc(50% - 57px); border:1px solid rgba(24,49,77,.22); border-radius:46% 54% 36% 64%; transform:rotate(24deg); }
.sd-story-whatsapp h3,.sd-story-whatsapp p { position:absolute; left:20px; right:20px; }
.sd-story-whatsapp h3 { bottom:79px; }
.sd-story-whatsapp p { bottom:20px; }
.sd-service-stories .sd-story-traffic { background:#102944; color:white; }
.sd-story-traffic .sd-piece-index { color:#E4B0BE; }
.sd-traffic-graphic,.sd-traffic-graphic.is-visible { position:absolute; top:0; left:0; width:100%; height:190px; margin:0; opacity:1; transform:none; animation:none; }
.sd-traffic-graphic img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 58%; filter:saturate(.65); opacity:.8; }
.sd-story-traffic::after { content:""; position:absolute; inset:105px 0 0; background:linear-gradient(transparent,#102944 45%); pointer-events:none; }
.sd-story-traffic>div:last-child { position:absolute; z-index:3; left:20px; right:20px; bottom:18px; }
.sd-story-traffic h3 { color:white; }
.sd-story-traffic p { color:#D9E4EA; font-size:.75rem; line-height:1.38; }
.sd-plans-intro { display:block; max-width:820px; margin:0 auto 42px; text-align:center; transform:none; }
.sd-plans-intro .sd-eyebrow { font-size:.88rem; }
.sd-plans-intro h2 { max-width:none; margin:15px auto 0; font-size:clamp(2.35rem,3.4vw,3.6rem); }
.sd-plans-rule { display:none; }
.sd-plan-grid { gap:15px; }
.sd-plan,.sd-plan-start,.sd-plan-move,.sd-plan-grow,.sd-plan.is-visible,.sd-plan-start.is-visible,.sd-plan-move.is-visible,.sd-plan-grow.is-visible { margin:0; transform:none; border-radius:21px; }
.sd-plan:hover,.sd-plan.is-visible:hover { transform:translateY(-4px); box-shadow:0 22px 38px rgba(7,21,46,.13); }
.sd-plan-head { height:132px; padding:22px; }
.sd-plan h3 { margin:23px 0 0; font-size:clamp(2.15rem,2.6vw,2.8rem); line-height:1.02; }
.sd-plan-shape { width:155px; height:155px; right:-78px; bottom:-74px; }
.sd-plan-time { min-height:42px; margin-inline:22px; padding:0; font-size:.83rem; }
.sd-plan-toggle { width:calc(100% - 44px); margin:0 22px 19px; padding:9px 0 14px; }
.sd-plan-values { margin:0 22px 22px; }
.sd-plan-values strong { font-size:1.17rem; }
.sd-plan-values a { margin-top:9px; }
.sd-plan-values .sd-payment-label,
.sd-plan-values label { color:#956779; font-size:.66rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sd-plan-move .sd-plan-values .sd-payment-label,
.sd-plan-move .sd-plan-values label { color:#E7B4C0; }
.sd-plan-values label { margin-top:8px; }
.sd-plan-values select {
  width:100%; min-height:44px; padding:10px 38px 10px 13px;
  border:1px solid rgba(33,55,78,.17); border-radius:12px;
  background-color:rgba(255,255,255,.78); color:#142C49;
  font:650 .93rem/1.2 var(--font-body); cursor:pointer;
}
.sd-plan-move .sd-plan-values select { border-color:rgba(255,255,255,.24); background-color:rgba(255,255,255,.1); color:#FFF; color-scheme:dark; }
.sd-plan-values select:focus-visible { outline:3px solid rgba(202,132,151,.32); outline-offset:2px; }
.sd-plans-payment-note { margin:15px 0 0; color:#6C7887; font-size:.72rem; text-align:center; }
.sd-comparison { margin-top:50px; }
.sd-discovery h2 { font-size:clamp(2.45rem,3.55vw,3.8rem); }
.sd-discovery-art { height:415px; }
.sd-process h2 { font-size:clamp(2.35rem,3.3vw,3.55rem); }
.sd-close h2 { font-size:clamp(2.55rem,3.75vw,3.9rem); }
.sd-close-price strong { font-size:clamp(1.9rem,2.5vw,2.6rem); }
@media (max-width:900px) {
  .sd-service-stories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sd-hero h1 { font-size:clamp(3.2rem,6.9vw,4.8rem); }
  .sd-plan-head { height:125px; }
  .sd-plan h3 { font-size:clamp(1.8rem,2.8vw,2.45rem); }
}
@media (max-width:700px) {
  .sd-hero { min-height:0; padding-top:72px; }
  .sd-hero-copy { padding-bottom:95px; }
  .sd-hero h1 { font-size:clamp(2.8rem,8.6vw,3.9rem); }
  .sd-hero-offer { margin-top:30px; }
  .sd-hero-action { align-items:center; }
  .sd-reason h2,.sd-build h2,.sd-plans-intro h2,.sd-discovery h2,.sd-process h2,.sd-close h2 { font-size:clamp(2.1rem,6.5vw,3rem); }
  .sd-service-stories { gap:12px; }
  .sd-service-stories .sd-story { height:335px; }
  .sd-plan-grid { grid-template-columns:1fr; gap:14px; }
  .sd-plan-head { height:122px; }
  .sd-plan h3 { margin-top:22px; font-size:2.4rem; }
}
@media (max-width:560px) {
  .sd-service-stories { grid-template-columns:1fr; max-width:430px; margin:auto; }
  .sd-service-stories .sd-story { height:315px; }
  .sd-hero h1 { font-size:clamp(2.55rem,9vw,3.25rem); }
  .sd-hero .sd-eyebrow { font-size:.75rem; }
  .sd-hero-action { flex-wrap:wrap; }
  .sd-story-google h3,.sd-story-whatsapp h3 { bottom:76px; }
  .sd-story-google p,.sd-story-whatsapp p { bottom:18px; }
}

/* Review 03 — scale, transitions and supplied campaign assets. */
.sd-hero {
  min-height:540px;
  padding-top:clamp(52px,5vw,68px);
  background:
    radial-gradient(ellipse at 80% 16%,rgba(221,148,169,.32),transparent 43%),
    linear-gradient(128deg,#F8F6F1 12%,#F0E7DC 68%,#EADDD4);
}
.sd-hero-copy { max-width:780px; padding-bottom:60px; }
.sd-hero-label { font-size:1.08rem!important; font-weight:800; letter-spacing:.18em; }
.sd-hero h1 { max-width:760px; font-size:clamp(2.85rem,4.35vw,4.55rem); margin-top:17px; }
.sd-hero h1 em { text-decoration:none; background:linear-gradient(100deg,#B87388,#D49AAC); -webkit-background-clip:text; background-clip:text; color:transparent; }
.sd-hero-intro { font-size:clamp(1rem,1.2vw,1.1rem); }
.sd-hero-offer { margin-top:20px; }
.sd-hero-offer strong { font-size:clamp(1.75rem,2.35vw,2.35rem); }
.sd-hero-action { margin-top:14px; }
.sd-no-monthly {
  display:inline-flex; align-items:center; min-height:42px; padding:0 18px;
  border:1px solid rgba(62,83,107,.16); border-radius:999px;
  background:rgba(255,255,255,.58); box-shadow:0 9px 24px rgba(34,48,68,.07),inset 0 1px 0 rgba(255,255,255,.9);
  color:#263E5A; font-size:.84rem; font-weight:720;
}
.sd-price-note { margin-top:7px; }
.sd-hero-bottom {
  justify-content:center; gap:24px; padding-block:16px;
  background:linear-gradient(90deg,#173657,#2F5878 55%,#173657); color:#F8F2EC;
}
.sd-hero-bottom span:first-child { font-size:.79rem; letter-spacing:.2em; font-weight:850; }
.sd-hero-bottom span:last-child { color:#E7B2C1; animation:sd-bottom-bob 2.4s ease-in-out infinite; }
@keyframes sd-bottom-bob { 50% { transform:translateY(4px); } }
.sd-hero-watermark span {
  border:0; border-radius:0; background:url('/assets/brand/suportdigital-rosa-gradiente.png') center/contain no-repeat;
  filter:saturate(.65); opacity:.11;
}

.sd-reason { padding-top:clamp(95px,9vw,135px); }
.sd-reason-grid { display:block; text-align:center; }
.sd-reason-heading { min-height:0; max-width:940px; margin:auto; transform:none; }
.sd-reason-heading .sd-eyebrow { font-size:1rem; color:#9E6678; }
.sd-reason h2 { max-width:900px; margin:32px auto 0; font-size:clamp(2.75rem,4.15vw,4.4rem); line-height:1.04; }
.sd-reason h2 em {
  display:inline-block; margin-top:8px; padding:7px 20px 10px;
  border:1px solid rgba(120,83,96,.14); border-radius:18px;
  background:linear-gradient(145deg,#F8F5F1,#E7DDD4);
  box-shadow:12px 15px 30px rgba(48,55,65,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
.sd-section-number { opacity:.035; }
.sd-reason-copy { max-width:760px; margin:46px auto 0; padding:0; font-size:1.12rem; }
.sd-reason-copy .sd-rule { display:none; }
.sd-reason-statement { width:min(90%,940px); margin:56px auto 28px; padding:30px 38px; justify-content:center; transform:none!important; border:0; border-radius:26px; background:linear-gradient(135deg,#E6EAF0,#F5EEE8); box-shadow:0 20px 48px rgba(29,42,58,.1),inset 0 1px 0 #fff; }
.sd-reason-statement p { max-width:820px; font-size:clamp(1.85rem,2.55vw,2.75rem); }
.sd-statement-mark { display:none; }
.sd-reason-foot { max-width:760px; margin:0 auto; transform:none; color:#253F5A; font-size:clamp(1.16rem,1.5vw,1.38rem); line-height:1.55; font-weight:580; }

.sd-service-stories .sd-story { height:310px; }
.sd-gallery-window,.sd-sites-window,.sd-asana-frame,.sd-asana-frame.is-visible { height:180px; }
.sd-site-frame { height:174px; width:290px; }
.sd-service-stories .sd-story-heading .sd-piece-index { bottom:calc(100% + 131px); }
.sd-story-google>img { height:175px; padding:11px 30px; background:transparent; mix-blend-mode:multiply; }
.sd-service-stories .sd-story-google { background:#F6F2ED; }
.sd-whatsapp-graphic { height:178px; background:linear-gradient(145deg,#F0ECE6,#FAF8F4); }
.sd-whatsapp-graphic::before { content:none; }
.sd-whatsapp-graphic { overflow:hidden; }
.sd-whatsapp-graphic img { display:block; width:58%; height:100%; margin-left:auto; object-fit:contain; padding:8px 16px 8px 0; }
.sd-whatsapp-graphic::after { content:""; position:absolute; inset:58% 0 0; background:linear-gradient(transparent,#F6F0EA 82%); pointer-events:none; }
.sd-traffic-graphic,.sd-traffic-graphic.is-visible { height:178px; background:#F3F5F7; }
.sd-traffic-graphic img { object-fit:contain; object-position:center; filter:none; opacity:1; }
.sd-story-traffic::after { inset:122px 0 0; }
.sd-story-google h3,.sd-story-whatsapp h3 { bottom:68px; }
.sd-story-google p,.sd-story-whatsapp p { bottom:15px; }
.sd-story-traffic>div:last-child { bottom:15px; }

.sd-comparison-heading { padding:21px 0 18px; font-size:.85rem; }
.sd-comparison table { font-size:1rem; }
.sd-comparison thead th { padding:20px 14px; font-size:.78rem; }
.sd-comparison tbody th,.sd-comparison tbody td { padding:15px 14px; }
.sd-comparison { overflow:hidden; padding:0 22px 20px; border:1px solid rgba(42,65,89,.1); border-radius:24px; background:rgba(255,255,255,.37); box-shadow:0 18px 44px rgba(30,43,57,.08); }

.sd-discovery-photo { transform:none!important; border-radius:26px; }
.sd-discovery-photo img { transform:scale(1.06); }
.sd-discovery-core { width:105px; height:105px; border:1px solid rgba(255,255,255,.5); background:rgba(246,239,233,.2); box-shadow:none; }
.sd-discovery-core::before,.sd-discovery-core::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(39,69,95,.5); }
.sd-discovery-core::before { inset:8px; border-right-color:#C98498; animation:sd-core-spin 12s linear infinite; }
.sd-discovery-core::after { inset:25px; border-left-color:#C98498; animation:sd-core-spin 8s linear infinite reverse; }
@keyframes sd-core-spin { to { transform:rotate(1turn); } }

.sd-process .sd-eyebrow { font-size:.95rem; }
.sd-process-flow { gap:12px; border:0; }
.sd-process-flow::before { content:none; }
.sd-process-flow>div,.sd-process-flow>div:nth-child(even) { min-height:150px; padding:26px 24px; border:1px solid rgba(39,66,92,.1); border-radius:22px; background:linear-gradient(145deg,#FFFDFC,#ECE7E1); box-shadow:0 13px 30px rgba(25,39,53,.07); }
.sd-process-flow>div::before { content:"→"; top:50%; left:auto; right:-22px; width:33px; height:33px; display:grid; place-items:center; transform:translateY(-50%); border:0; border-radius:50%; background:#254C6E; box-shadow:0 5px 15px rgba(22,49,75,.2); color:white; font-size:1rem; z-index:2; }
.sd-process-flow>div:last-child::before { display:none; }
.sd-process-flow span { font-size:1.45rem; }
.sd-process-note { padding:40px 44px; transform:none; background:linear-gradient(135deg,#173658,#2F5E7F); color:white; box-shadow:0 22px 45px rgba(14,39,65,.18); }
.sd-process-note strong { color:white; font-size:clamp(1.9rem,2.7vw,2.75rem); }
.sd-process-note p { color:#E5EDF2; }
.sd-process-copy { padding:30px; border:0; border-radius:22px; background:linear-gradient(145deg,#F0D8DE,#E4BEC9); color:#263E58; box-shadow:0 16px 36px rgba(75,45,58,.1); }

@media (max-width:900px) {
  .sd-hero { min-height:510px; }
  .sd-process-flow { grid-template-columns:repeat(2,1fr); }
  .sd-process-flow>div::before { display:none; }
}
@media (max-width:700px) {
  .sd-hero { padding-top:58px; }
  .sd-hero-copy { padding-bottom:82px; }
  .sd-hero h1 { font-size:clamp(2.55rem,8vw,3.5rem); }
  .sd-hero-action { flex-direction:column; }
  .sd-reason-statement { width:100%; padding:25px 22px; }
  .sd-reason-copy { margin-top:34px; }
  .sd-service-stories .sd-story { height:305px; }
  .sd-comparison { padding-inline:12px; }
  .sd-process-flow { grid-template-columns:1fr; margin-left:0; border:0; }
  .sd-process-flow::before { content:none; }
  .sd-process-flow>div,.sd-process-flow>div:nth-child(even) { min-height:0; margin:0; padding:23px; }
}
@media (prefers-reduced-motion:reduce) {
  .sd-hero-bottom span:last-child,.sd-discovery-core::before,.sd-discovery-core::after { animation:none; }
}

/* Review 04 — cleaner depth, living service cards and unified plan system. */
.sd-hero-watermark span {
  width:390px; height:390px; border-radius:0;
  background-image:url('/assets/brand/favicon.png'); background-size:contain;
  filter:saturate(.82); opacity:.075;
}
.sd-hero-watermark span:nth-child(1) { width:470px; height:470px; right:-155px; top:-95px; }
.sd-hero-watermark span:nth-child(2) { width:290px; height:290px; right:13%; bottom:24px; opacity:.045; }
.sd-hero-watermark span:nth-child(3) { display:none; }
.sd-no-monthly {
  min-height:auto; padding:0 0 3px; border:0; border-bottom:1px solid rgba(38,62,90,.22);
  border-radius:0; background:transparent; box-shadow:none; font-size:.86rem;
}
.sd-hero h1 em,.sd-build h2 em,.sd-discovery h2 em,.sd-process h2 em { text-shadow:0 8px 20px rgba(129,76,93,.08); }
.sd-reason h2 em { box-shadow:0 10px 22px rgba(48,55,65,.08),inset 0 1px 0 rgba(255,255,255,.9); }
.sd-service-stories .sd-story,.sd-plan,.sd-comparison,.sd-process-flow>div,.sd-process-note,.sd-process-copy { box-shadow:0 12px 28px rgba(20,35,52,.07); }

.sd-card-rotator { position:absolute; inset:0 0 auto; height:178px; overflow:hidden; background:#F5F3EF; }
.sd-card-rotator img {
  position:absolute; inset:0; display:block; width:100%; height:100%; padding:0;
  object-fit:cover; object-position:center; opacity:0; transform:scale(1.02);
  animation:sd-card-cycle 12s ease-in-out infinite;
}
.sd-card-rotator img:first-child { opacity:1; animation-delay:-6s; }
.sd-card-rotator img:nth-child(2) { animation-delay:0s; }
@keyframes sd-card-cycle {
  0%,42% { opacity:1; transform:scale(1.02); }
  50%,92% { opacity:0; transform:scale(1.075); }
  100% { opacity:1; transform:scale(1.02); }
}
.sd-story-google .sd-card-rotator img:first-child { object-fit:contain; padding:18px 52px; background:#F8F6F2; }
.sd-whatsapp-graphic { background:#F7F5F1; }
.sd-whatsapp-graphic img { width:100%; height:100%; margin:0; padding:0; object-fit:cover; }
.sd-whatsapp-graphic img:first-child { object-fit:contain; padding:7px 82px; background:#F7F5F1; }
.sd-whatsapp-graphic::after { content:none; }
.sd-traffic-graphic,.sd-traffic-graphic.is-visible { background:#F5F3EF; }
.sd-traffic-graphic img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:none; opacity:0; }
.sd-traffic-graphic img:first-child { opacity:1; object-fit:contain; padding:8px 48px; background:#F5F3EF; }
.sd-story-traffic::after { background:linear-gradient(transparent,#102944 60%); }

.sd-plan-head::after {
  content:""; position:absolute; width:112px; height:112px; right:18px; bottom:2px;
  background:url('/assets/brand/favicon.png') center/contain no-repeat; opacity:.055; transform:rotate(-8deg);
}
.sd-plan-move .sd-plan-head::after { filter:grayscale(1) brightness(3); opacity:.1; }
.sd-plan h3 { font-size:clamp(1.75rem,2.15vw,2.35rem); letter-spacing:-.035em; text-shadow:0 7px 16px rgba(12,32,54,.09); white-space:nowrap; }
.sd-plan-move h3,.sd-plan-grow h3 { word-spacing:.2em; }
.sd-plan h3 br { display:inline-block; width:.28em; content:""; }
.sd-plan h3 br { display:none; }
.sd-plan-move h3 { text-shadow:0 8px 20px rgba(0,0,0,.24); }
.sd-plan-head { background:linear-gradient(150deg,rgba(255,255,255,.65),rgba(224,230,233,.48)); }
.sd-plan-move .sd-plan-head { background:linear-gradient(145deg,#426785,#173653 72%,#102A47); }
.sd-plan-grow .sd-plan-head { background:linear-gradient(145deg,#FFFDFC,#E9DFD8); }
.sd-plan-shape { opacity:.45; }
.sd-comparison { background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(232,227,220,.72)); }
.sd-comparison thead th { background:linear-gradient(135deg,#E8EDF0,#DDE5E9); color:#294562; }
.sd-comparison thead th:nth-child(2) { background:linear-gradient(135deg,#EBDDE1,#DDBAC5); }
.sd-comparison thead th:nth-child(3) { background:linear-gradient(135deg,#446A88,#183754); color:white; }
.sd-comparison thead th:nth-child(4) { background:linear-gradient(135deg,#EADFD8,#D8C9C0); }

.sd-process-flow { align-items:stretch; }
.sd-process-flow>div,.sd-process-flow>div:nth-child(even),.sd-process-flow>div:nth-child(2),.sd-process-flow>div:nth-child(3),.sd-process-flow>div:nth-child(4) { transform:none!important; margin:0; padding-top:26px; }
.sd-process-flow>div:hover { transform:translateY(-3px)!important; }
.sd-process-flow span { text-shadow:0 5px 12px rgba(125,74,91,.1); }

@media (max-width:900px) {
  .sd-plan h3 { font-size:clamp(1.45rem,2.7vw,2rem); }
  .sd-plan-head::after { width:90px; height:90px; }
}
@media (max-width:700px) {
  .sd-plan h3 { font-size:2rem; }
  .sd-process-flow>div:hover { transform:none!important; }
}
@media (prefers-reduced-motion:reduce) {
  .sd-card-rotator img { animation:none; }
  .sd-card-rotator img:nth-child(2) { display:none; }
}

/* Review 05 — final cleanup requested for media, titles and comparison. */
.start-page .site-header { position:relative; z-index:100; box-shadow:0 7px 22px rgba(18,36,55,.045); }
.sd-hero-watermark { top:20px; }
.sd-hero h1 em::after { content:none!important; display:none!important; }
.sd-hero h1,.sd-reason h2,.sd-build h2,.sd-plans-intro h2,.sd-discovery h2,.sd-process h2,.sd-close h2 { text-shadow:0 10px 24px rgba(24,43,62,.075); }
.sd-hero h1 em,.sd-reason h2 em,.sd-build h2 em,.sd-discovery h2 em,.sd-process h2 em { text-shadow:0 9px 20px rgba(151,82,105,.1); }
.sd-asana-frame.sd-card-rotator,.sd-asana-frame.sd-card-rotator.is-visible { height:180px; transform:none; }
.sd-asana-frame.sd-card-rotator img { position:absolute; inset:0; width:100%; height:100%; border-radius:0; object-fit:cover; }
.sd-card-rotator { background:linear-gradient(145deg,#F8F5F0,#ECE6DE); }
.sd-card-rotator img:nth-child(2) { object-fit:contain; padding:8px; }
.sd-story-google .sd-card-rotator img:nth-child(2),.sd-whatsapp-graphic img:nth-child(2),.sd-traffic-graphic img:nth-child(2) { object-fit:contain; padding:5px 22px; }
.sd-story-whatsapp { background:#F7F4EF!important; }
.sd-comparison-heading { color:#81536A; font-size:.93rem; font-weight:900; }
.sd-comparison table { border:1px solid rgba(36,61,85,.13); border-radius:14px; overflow:hidden; }
.sd-comparison th,.sd-comparison td { border-right:1px solid rgba(36,61,85,.11); }
.sd-comparison th:last-child,.sd-comparison td:last-child { border-right:0; }
.sd-comparison thead th { font-size:.83rem; font-weight:900; box-shadow:inset 0 -1px 0 rgba(36,61,85,.12); }
.sd-comparison thead th:nth-child(2) { color:#633A4C; background:linear-gradient(140deg,#F1E0E6,#DCAEBB); }
.sd-comparison thead th:nth-child(3) { background:linear-gradient(140deg,#527A99,#163653 72%); }
.sd-comparison thead th:nth-child(4) { color:#3B4C5D; background:linear-gradient(140deg,#F0E4DC,#D1BEB1); }
.sd-comparison tbody th { padding-left:18px; font-weight:760; background:rgba(255,255,255,.32); }
.sd-comparison tbody td { transition:transform .25s ease,background-color .25s ease,color .25s ease; }
.sd-comparison tbody tr:hover td { transform:translateY(-2px); background-color:rgba(211,158,174,.12); color:#9A5D72; }
.sd-comparison tbody tr:hover td:nth-child(3) { background-color:rgba(44,78,107,.12); color:#173856; }

/* Ajustes finais de acabamento */
.sd-site-frame-lider {
  background:radial-gradient(circle at 72% 22%,rgba(195,126,148,.3),transparent 36%),linear-gradient(145deg,#294D6B,#102A47 72%);
}
.sd-site-frame-lider img {
  object-fit:contain;
  padding:clamp(18px,3vw,38px);
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.18));
}

.sd-plan-move .sd-plan-values select option {
  color:#142C49;
  background:#FFF;
}

.sd-comparison tbody th {
  text-transform:uppercase;
  letter-spacing:.035em;
  font-size:.82rem;
  text-shadow:0 4px 13px rgba(20,44,73,.07);
  transition:transform .25s ease,color .25s ease,background-color .25s ease;
}
.sd-comparison tbody tr:hover th {
  transform:translateX(5px);
  color:#8D5A6E;
  background-color:rgba(211,158,174,.09);
}
.sd-comparison tbody td {
  text-shadow:0 4px 13px rgba(20,44,73,.06);
}

.sd-process-head {
  display:block;
  text-align:center;
}
.sd-process-head .sd-eyebrow {
  justify-content:center;
}
.sd-process h2 {
  max-width:900px;
  margin:12px auto 55px;
  text-shadow:0 8px 24px rgba(20,44,73,.08);
}

@media (prefers-reduced-motion:reduce) {
  .sd-comparison tbody tr:hover th,
  .sd-comparison tbody tr:hover td { transform:none; }
}

/* Comparativo mobile: mantém o gesto horizontal sem comprimir ou sobrepor textos. */
@media (max-width:700px) {
  .sd-comparison table {
    width:920px;
    min-width:920px;
    table-layout:fixed;
  }
  .sd-comparison th:first-child {
    width:218px;
  }
  .sd-comparison th,
  .sd-comparison td {
    box-sizing:border-box;
    white-space:normal;
    overflow-wrap:break-word;
    vertical-align:middle;
    line-height:1.38;
  }
  .sd-comparison thead th {
    padding:17px 13px;
  }
  .sd-comparison tbody th,
  .sd-comparison tbody td {
    padding:16px 14px;
  }
  .sd-comparison tbody th {
    min-width:218px;
  }
}

/* Animações pontuais da primeira dobra */
.sd-hero h1[data-typing="true"]::after {
  content:"";
  display:inline-block;
  width:.075em;
  height:.82em;
  margin-left:.08em;
  border-radius:999px;
  background:currentColor;
  vertical-align:-.05em;
  animation:sd-type-caret .78s steps(1,end) infinite;
}

.sd-hero-bottom.sd-pulse-intro {
  transform-origin:center;
  animation:sd-hero-band-pulse .78s ease-in-out 5;
}

@keyframes sd-type-caret {
  0%,46% { opacity:1; }
  47%,100% { opacity:0; }
}

@keyframes sd-hero-band-pulse {
  0%,100% { filter:brightness(1); }
  50% { filter:brightness(1.12); box-shadow:0 -10px 34px rgba(183,120,141,.17); }
}

@media (prefers-reduced-motion:reduce) {
  .sd-hero h1[data-typing="true"]::after { display:none; animation:none; }
  .sd-hero-bottom.sd-pulse-intro { animation:none; }
}

/* Refinamento das animações aprovadas */
.sd-hero-bottom {
  background:linear-gradient(110deg,#102E50 0%,#315F80 35%,#A76D82 52%,#315F80 69%,#102E50 100%);
  background-size:220% 100%;
}
.sd-hero-bottom.sd-pulse-intro {
  animation:sd-band-shift 1.05s ease-in-out 5 alternate forwards;
}
@keyframes sd-band-shift {
  from { background-position:0 50%; filter:brightness(1); }
  to { background-position:100% 50%; filter:brightness(1.11); box-shadow:0 -10px 34px rgba(183,120,141,.2); }
}

.sd-story-instagram .sd-card-rotator img {
  opacity:0;
  transform:scale(1.02);
  animation:sd-instagram-cycle 30s ease-in-out infinite;
}
.sd-story-instagram .sd-card-rotator img:nth-child(1) { animation-delay:0s; }
.sd-story-instagram .sd-card-rotator img:nth-child(2) { animation-delay:6s; }
.sd-story-instagram .sd-card-rotator img:nth-child(3) { animation-delay:12s; }
.sd-story-instagram .sd-card-rotator img:nth-child(4) { animation-delay:18s; }
.sd-story-instagram .sd-card-rotator img:nth-child(5) { animation-delay:24s; }
@keyframes sd-instagram-cycle {
  0%,16% { opacity:1; transform:scale(1.02); }
  20%,96% { opacity:0; transform:scale(1.065); }
  100% { opacity:1; transform:scale(1.02); }
}

.sd-process-flow>div {
  opacity:0;
  transform:translateY(22px)!important;
  transition:opacity .55s ease,transform .62s cubic-bezier(.22,.8,.25,1),box-shadow .3s ease;
}
.sd-process-flow.is-visible>div { opacity:1; transform:none!important; }
.sd-process-flow.is-visible>div:nth-child(1) { transition-delay:.08s; }
.sd-process-flow.is-visible>div:nth-child(2) { transition-delay:.3s; }
.sd-process-flow.is-visible>div:nth-child(3) { transition-delay:.52s; }
.sd-process-flow.is-visible>div:nth-child(4) { transition-delay:.74s; }
.sd-process-flow.is-visible>div:hover { transform:translateY(-3px)!important; }

@media (prefers-reduced-motion:reduce) {
  .sd-hero-bottom.sd-pulse-intro { animation:none; }
  .sd-story-instagram .sd-card-rotator img { animation:none; }
  .sd-story-instagram .sd-card-rotator img:not(:first-child) { display:none; }
  .sd-process-flow>div { opacity:1; transform:none!important; transition:none; }
}

.sd-footer-contact {
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin-top:18px;
}
.sd-footer-contact a {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:inherit;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}
.sd-footer-contact a:hover {
  color:#E7B2C1;
  transform:translateY(-1px);
}
.sd-footer-contact svg {
  width:20px;
  height:20px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sd-footer-contact .sd-icon-dot { fill:currentColor; stroke:none; }
.sd-footer-contact a:last-child svg path:last-child { fill:currentColor; stroke:none; }