.sd-page{color:#151b1e;max-width:1440px;margin:auto;padding:32px 48px 0}.sd-page *{box-sizing:border-box}.sd-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:32px 0 64px}.sd-back{color:#66747b;font-size:14px;display:inline-block;margin-bottom:44px;text-decoration:none}.sd-back:hover{color:#08689f}.sd-eyebrow{font-family:monospace;font-size:12px;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;margin:0 0 20px}.sd-hero h1{font-size:clamp(42px,4.7vw,72px);letter-spacing:-.055em;line-height:1.04;margin:0 0 26px;font-weight:500}.sd-intro{font-size:18px;line-height:1.7;color:#637078;max-width:48ch;margin:0 0 32px}.sd-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#d5ff65;color:#101713;border-radius:40px;padding:18px 25px;font-family:monospace;font-size:13px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .2s}.sd-button span{font-size:21px;transition:transform .2s}.sd-button:hover{background:#c4ef50}.sd-button:hover span{transform:translate(3px,-3px)}.sd-small{font-size:12px;color:#738087;margin:20px 0 0;line-height:1.6}.sd-visual{border-radius:30px;background:var(--sd-tone);padding:32px;border:1px solid #182a3510;box-shadow:0 20px 60px #152c3a08;transform:rotate(1deg)}.sd-visual-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.1em;align-items:center;color:#52636c}.sd-status{color:#407d41;font-size:18px}.sd-emblem{height:145px;position:relative;display:flex;align-items:center;justify-content:center}.sd-emblem>span{width:82px;height:82px;border-radius:24px;background:#fff9;display:grid;place-items:center;font-size:54px;z-index:1;color:#153b50;box-shadow:0 14px 24px #1d414610}.sd-emblem i{position:absolute;width:125px;height:125px;border:1px solid #32596125;border-radius:50%}.sd-emblem i:last-child{width:165px;height:165px}.sd-visual h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;max-width:23ch;margin:22px 0}.sd-visual ol{list-style:none;display:grid;gap:8px;padding:0;margin:0}.sd-visual li{display:flex;align-items:center;gap:14px;padding:14px;background:#ffffffb3;border:1px solid #ffffffbd;border-radius:12px;font-size:14px}.sd-visual li span{font:11px monospace;color:#78858b}.sd-visual-bottom{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #25485720;padding-top:20px;margin-top:24px}.sd-visual-bottom span{font-size:11px;padding:5px 10px;border:1px solid #25485725;border-radius:30px}.sd-brand-sample{display:flex;align-items:center;justify-content:space-between;padding:26px 0 0}.sd-brand-sample>span{font-size:85px;letter-spacing:-.08em;line-height:1.2}.sd-brand-sample i{display:block;width:44px;height:22px;background:#253d49}.sd-brand-sample i:nth-child(2){background:#c7b7ee}.sd-brand-sample i:last-child{background:#d5ff65}.sd-section-nav{display:flex;gap:32px;border-top:1px solid #e2e7e8;border-bottom:1px solid #e2e7e8;padding:20px 0}.sd-section-nav a{display:flex;gap:24px;color:#53636b;font-size:13px;text-decoration:none}.sd-section-nav a:hover{color:#111}.sd-block{padding:80px 0}.sd-heading{max-width:650px;margin-bottom:36px}.sd-heading h2,.sd-context h2,.sd-closing h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.045em;line-height:1.15;margin:0 0 20px}.sd-heading>p:last-child,.sd-context p,.sd-card p,.sd-process p{font-size:16px;color:#637078;line-height:1.75;margin:0}.sd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sd-card{padding:28px;min-height:190px;border:1px solid #e5e9ea;border-radius:20px;background:#f7f8f8}.sd-card:nth-child(3n+2){background:var(--sd-tone);border-color:transparent}.sd-card-number{font:11px monospace;color:#738087;display:block;margin-bottom:28px}.sd-card h3,.sd-process h3{font-size:21px;line-height:1.3;letter-spacing:-.03em;margin:0 0 12px}.sd-context{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;padding:56px 0;border-bottom:1px solid #e2e7e8}.sd-context p+p{margin-top:16px}.sd-delivery{padding:80px 0}.sd-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.sd-process article{border-top:1px solid #ccd5d9;padding-top:24px}.sd-process article>span{display:inline-grid;place-items:center;background:var(--sd-tone);border-radius:50%;width:40px;height:40px;font:12px monospace;margin-bottom:22px}.sd-closing{text-align:center;padding:64px 32px;background:var(--sd-tone);border-radius:28px;margin-bottom:64px}.sd-closing h2{max-width:22ch;margin:0 auto 22px;text-wrap:balance}.sd-closing>p:not(.sd-eyebrow){max-width:52ch;margin:0 auto 28px;font-size:17px;line-height:1.7;color:#52646d}.sd-page a:focus-visible{outline:2px solid #0b6c9f;outline-offset:5px}@media(max-width:991px){.sd-page{padding-inline:28px}.sd-hero{gap:32px}.sd-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-hero h1{font-size:48px}.sd-visual{padding:24px}.sd-context{gap:32px}}@media(max-width:767px){.sd-page{padding:12px 20px 0}.sd-hero{grid-template-columns:1fr;gap:32px;padding:16px 0 36px}.sd-back{margin-bottom:28px}.sd-hero h1{font-size:clamp(38px,8.5vw,56px)}.sd-intro{font-size:17px}.sd-visual{transform:none;padding:24px}.sd-section-nav{gap:12px;justify-content:space-between}.sd-section-nav a{gap:8px;font-size:12px}.sd-block,.sd-delivery{padding:48px 0}.sd-card-grid,.sd-process,.sd-context{grid-template-columns:1fr}.sd-card{min-height:0;padding:24px}.sd-card-number{margin-bottom:20px}.sd-context{padding:36px 0;gap:6px}.sd-process{gap:28px}.sd-closing{padding:40px 20px;margin-bottom:40px}.sd-button{font-size:12px;gap:16px;max-width:100%}.sd-small{font-size:11px}.sd-visual h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.sd-button,.sd-button span{transition:none}}
/* Detail pages use static editorial headings rather than template hero reveals. */
.sd-page h1,.sd-page h1 *{opacity:1!important;visibility:visible!important;color:#151b1e!important;transform:none!important;-webkit-text-fill-color:#151b1e!important}
/* Web & Product: an illustrative interface composition, not a client case study. */
.wp-art{position:relative;isolation:isolate;min-width:0;aspect-ratio:1/1.08;display:flex;align-items:center;padding:40px 30px 80px 8px;background:radial-gradient(ellipse at 70% 35%,#d9eaf5,transparent 65%);border-radius:32px}
.wp-art-label{position:absolute;top:16px;left:28px;font:10px monospace;letter-spacing:.16em;color:#617986}
.wp-browser{width:100%;background:white;border:1px solid #d5dfe4;border-radius:14px;overflow:hidden;box-shadow:0 30px 65px #27425420;transform:perspective(1000px) rotateY(-7deg) rotateZ(-3deg)}
.wp-chrome{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;color:#9aa6ad;font:9px monospace;border-bottom:1px solid #e5e9e9}.wp-chrome>span:first-child{letter-spacing:2px;color:#b7c2c7}
.wp-site{background:#f2f1e9;padding:22px;color:#25352f}.wp-site-nav{display:flex;align-items:center;justify-content:space-between;font-size:8px}.wp-site-nav b{font-size:22px;letter-spacing:-.07em}.wp-site-nav b span{font-size:9px;vertical-align:top}.wp-site-nav i{font-size:18px;font-style:normal}.wp-site-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8px;padding:40px 0 32px}.wp-site-hero small{font:7px monospace;letter-spacing:.08em}.wp-site-hero strong{font-size:clamp(24px,2.9vw,42px);font-weight:500;letter-spacing:-.065em;line-height:1.05;display:block;margin:15px 0}.wp-site-hero p{font-size:9px;line-height:1.7;margin:0 0 18px;color:#7b837c}.wp-mock-button{display:inline-block;background:#273b30;color:#fff;padding:10px 12px;border-radius:3px;font-size:8px}.wp-sculpture{position:relative;height:210px;display:flex;align-items:center;justify-content:center;border-radius:80px 80px 8px 8px;background:#dce1cf;overflow:hidden}.wp-sculpture i{position:absolute;background:linear-gradient(100deg,#8a9b77,#c4ccab 45%,#7b8e6f);width:78px;height:135px;border-radius:50px 50px 8px 8px;bottom:18px;box-shadow:10px 12px 18px #283c3a25}.wp-sculpture i:nth-child(2){height:78px;width:105px;bottom:0;border-radius:60% 60% 10% 10%;background:linear-gradient(110deg,#d2b99c,#f0dfc7,#bda78f);transform:translateX(-26px)}.wp-sculpture i:last-child{width:45px;height:45px;border-radius:50%;background:#ebf0db;bottom:130px;transform:translateX(44px)}.wp-site-bottom{display:flex;justify-content:space-between;font-size:8px;border-top:1px solid #c9cfc4;padding-top:16px}
.wp-phone{position:absolute;right:0;bottom:24px;width:30%;padding:14px 10px;background:#f7f6f0;border:5px solid white;border-radius:24px;box-shadow:0 20px 45px #263c4930;transform:rotate(6deg);color:#25352f}.wp-phone-top{display:flex;justify-content:space-between;font-size:9px;margin-bottom:14px}.wp-phone-top b{font-size:14px;letter-spacing:-.07em}.wp-phone-art{height:90px;background:#dee3d3;border-radius:60px 60px 5px 5px;display:grid;place-items:center;margin-bottom:16px}.wp-phone-art i{width:46px;height:60px;border-radius:50% 50% 10% 10%;background:linear-gradient(100deg,#bdac91,#f4e4cb,#b5a081);box-shadow:6px 8px 10px #24392720}.wp-phone small{display:block;font:6px monospace;letter-spacing:.08em}.wp-phone strong{font-size:27px;letter-spacing:-.06em;line-height:1.05;display:block;font-weight:500;margin:10px 0 14px}.wp-phone-button{display:block;background:#293e32;color:white;border-radius:4px;font-size:8px;padding:9px}.wp-art-note{position:absolute;left:24px;bottom:18px;display:flex;align-items:center;gap:12px;font-size:13px;color:#5d727e;line-height:1.5}.wp-art-note>span{font-size:25px;color:#4e786b}.wp-art-note b{font-weight:500;color:#253b46}
@media(max-width:991px) and (min-width:768px){.wp-art{padding:40px 20px 90px 0}.wp-site{padding:14px}.wp-site-nav>span{display:none}.wp-site-hero{padding:24px 0}.wp-sculpture{height:155px}.wp-phone{width:35%}.wp-phone-art{height:65px}.wp-phone strong{font-size:22px}}
@media(max-width:767px){.wp-art{max-width:520px;width:100%;margin:auto;aspect-ratio:1/1.1;padding:42px 24px 70px 4px}.wp-site{padding:16px}.wp-site-hero{padding:26px 0 24px}.wp-site-hero strong{font-size:30px}.wp-sculpture{height:165px}.wp-sculpture i{width:60px;height:105px}.wp-sculpture i:last-child{bottom:105px;width:35px;height:35px;transform:translateX(30px)}.wp-phone{width:31%;padding:12px 8px;bottom:24px;border-width:4px;border-radius:20px}.wp-phone-art{height:65px;margin-bottom:12px}.wp-phone strong{font-size:23px}.wp-art-note{left:12px;font-size:12px}.wp-art-label{left:12px}.wp-site-nav>span{font-size:7px}}@media(max-width:359px){.wp-site-hero strong{font-size:24px}.wp-site-nav>span{display:none}.wp-sculpture{height:145px}.wp-phone{width:33%}.wp-phone small{font-size:5px}.wp-phone strong{font-size:20px}}
/* Clean, shadow-free Web & Product hero artwork. */
.wp-art,.wp-art *{box-shadow:none!important;filter:none!important;text-shadow:none!important}
.wp-art{background:transparent}
/* Phone hardware detail, with room above the mock website navigation. */
.wp-phone{padding-top:30px}
.wp-phone::before{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:38%;height:9px;background:#202a2d;border-radius:0 0 8px 8px;pointer-events:none}
@media(max-width:767px){.wp-phone{padding-top:25px}.wp-phone::before{height:7px;top:4px}}
.sd-service-image{width:100%;min-width:0;align-self:center}
.sd-service-image img{display:block;width:100%;height:auto;object-fit:contain;border:0;box-shadow:none}
@media(max-width:767px){.sd-service-image{max-width:540px;margin-inline:auto}}