/* ADF source: styles.css */
/* ADF Medya / Digital atelier — 2026 */
@font-face{font-family:Manrope;src:url("manrope-latin-tr.783ecec0adee.woff") format("woff");font-weight:200 800;font-style:normal;font-display:swap}
:root{--bg:#fafaf7;--paper:#f0f1ed;--ink:#171c2c;--text:#171c2c;--muted:#666a76;--line:#dedfdc;--blue:#2345eb;--panel:#fff;--max:1320px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.85 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{letter-spacing:-.045em;line-height:1.12;font-weight:550}h1{font-size:clamp(44px,5.8vw,82px)}h2{font-size:clamp(34px,4.3vw,58px)}h3{font-size:26px}h4{font-size:20px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;color:var(--blue)}p{margin-bottom:22px}ul{padding-left:20px}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2345eb;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding:112px 0}.section.light{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:55px}.section-head>div{min-width:0}.section-head>p,.section-head>div:last-child:not(:first-child){max-width:410px}.section-head p:not(.eyebrow){color:var(--muted);margin-bottom:0;font-size:15px}.section-head .text-link{margin-top:20px}.eyebrow{display:flex;align-items:center;gap:10px;font:600 12px/1.7 Manrope,sans-serif;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;margin-bottom:24px}.eyebrow:before{content:"";width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0}.lead{font-size:18px;color:var(--muted);line-height:1.85;margin-top:28px;max-width:680px}.actions{display:flex;gap:28px;flex-wrap:wrap;align-items:center;margin-top:30px}.btn{display:inline-flex;gap:27px;align-items:center;justify-content:center;min-height:55px;padding:16px 24px;border:1px solid var(--blue);border-radius:40px;background:var(--blue);color:#fff;font-size:14px;line-height:1.45;font-weight:600;transition:background .2s,transform .2s}.btn:hover{background:#1633c8;transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink);border-color:#bfc4d1}.btn.ghost:hover{background:#ebeef8}.btn.dark{background:var(--ink);border-color:var(--ink)}.btn.dark:hover{background:#2c3553}.arrow{font-size:22px;font-weight:400}.text-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #a3a9b6;padding-bottom:6px;font-size:14px;font-weight:600;line-height:1.6}.text-link:hover{color:var(--blue);border-color:var(--blue)}.small,.fine-print,.period,.subtle{font-size:12px;line-height:1.85;color:var(--muted)}.fine-print{margin:24px 0 0}.skip{position:fixed;top:-80px;left:20px;z-index:200;padding:15px 25px;background:var(--blue);color:#fff}.skip:focus{top:15px}.site-header{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:rgba(250,250,247,.96);backdrop-filter:blur(16px)}.header-inner{height:96px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:20px;flex-shrink:0}.brand img{width:88px;height:66px;object-fit:contain}.brand>span{border-left:1px solid var(--line);padding-left:18px;font-size:10px;line-height:1.7;letter-spacing:.06em;font-weight:650;color:#616777}.main-nav{display:flex;gap:25px;align-items:center;margin-left:auto}.main-nav a{font-size:13px;line-height:1.5;color:#4d5260;position:relative}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--blue)}.main-nav a[aria-current=page]:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--blue);bottom:-10px;left:50%}.header-cta{font-size:13px;min-height:46px;padding:12px 20px;gap:22px;white-space:nowrap}.menu-toggle{display:none;border:1px solid var(--line);width:44px;height:44px;background:transparent;border-radius:50%;font-size:22px}.site-footer{background:#171c2c;color:#fff;padding:76px 0 25px}.footer-main{display:grid;grid-template-columns:1.15fr .8fr .9fr 1.1fr;gap:55px;padding-bottom:55px}.footer-logo{width:130px;height:98px;object-fit:contain;background:#fafaf7;border-radius:12px;margin-bottom:25px;padding:9px}.footer-main h3{font-size:15px;letter-spacing:0;margin:0 0 24px;font-weight:650}.footer-main a:not(:has(img)){display:block;font-size:13px;color:#c0c5d3;margin-bottom:13px}.footer-main a:hover{color:#fff}.footer-main p{font-size:13px;max-width:235px;color:#a4acbf;line-height:1.9}.footer-bottom{border-top:1px solid #343a4c;display:flex;justify-content:space-between;gap:40px;padding-top:25px;color:#a4acbf;font-size:12px}.footer-bottom>span:last-child{max-width:540px;text-align:right}.closing{background:#2345eb;color:#fff;padding:88px 0;position:relative;overflow:hidden}.closing:after{content:"✳";font-family:Georgia,serif;font-size:300px;line-height:1;position:absolute;right:23%;top:-8px;color:#4663ef;pointer-events:none}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;z-index:1}.closing h2{font-size:clamp(36px,4.5vw,64px);max-width:700px}.closing .eyebrow{color:#d9e0ff}.closing .eyebrow:before{background:#d7f78a}.closing .btn{background:#d7f78a;border-color:#d7f78a;color:#172341;min-width:215px}.closing .btn:hover{background:#e5ffb2}.page-hero{background:#f0f1ed;padding:34px 0 75px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;align-items:center;gap:15px;color:#737786;font-size:12px;margin-bottom:55px}.breadcrumbs a{color:#454d60}.page-hero h1{max-width:1000px}.page-hero .eyebrow{color:#676e7d}.page-split{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px}.page-split h1{font-size:clamp(38px,4.3vw,60px)}.page-split>img{aspect-ratio:1.25;object-fit:cover;border-radius:12px}.content-narrow{max-width:860px}.content-narrow h2{font-size:31px;margin:42px 0 20px}.content-narrow p{color:var(--muted)}.notfound{max-width:900px;width:calc(100% - 48px);margin:14vh auto}.notfound h1{margin-bottom:28px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:50px 1fr 1fr 48px;align-items:center;gap:32px;padding:36px 5px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service-row:hover{padding-inline:18px;background:#f0f2fc}.service-row h3{font-size:29px}.service-row p{font-size:14px;color:var(--muted);margin:0}.num{font-size:12px;color:var(--blue)}.round-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid #c2c6d3;border-radius:50%;font-size:25px}.service-row:hover .round-arrow{background:var(--blue);color:#fff;border-color:var(--blue)}.numbered-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.detail-card{border-top:1px solid #adb5cb;padding:30px 8px 10px 0}.detail-card .num{display:block;margin-bottom:35px}.detail-card h3{font-size:26px;margin-bottom:21px}.detail-card p{font-size:14px;color:var(--muted);margin:0}.split-showcase{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split-showcase h2{margin-bottom:28px}.split-showcase p{color:var(--muted)}.split-showcase>img,.showcase-figure img{width:100%;border-radius:12px}.showcase-figure figcaption{font-size:12px;color:var(--muted);margin-top:14px}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{padding:18px 0 18px 30px;position:relative;border-bottom:1px solid var(--line);font-size:14px}.check-list li:before{content:"↗";position:absolute;left:0;color:var(--blue)}.trust-band{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.trust-item h3{margin-bottom:18px}.trust-item p{font-size:14px;color:var(--muted)}.goal-section{background:#e9edff}.goal-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.goal-layout h2{margin-bottom:22px}.goal-layout p{color:#636c83}.goal-options{display:grid;gap:0;margin-top:30px}.goal-btn{display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-bottom:1px solid #c2cbea;padding:20px 0;background:transparent;text-align:left;font-size:14px}.goal-btn:after{content:"↗";font-size:22px}.goal-btn[aria-pressed=true]{color:var(--blue);font-weight:700}.goal-result{background:#fff;border-radius:18px;padding:47px;min-height:420px;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 16px 70px #5265ac10}.goal-result:before{content:"✳";font:110px Georgia,serif;position:absolute;right:30px;bottom:10px;color:#eef0ff}.goal-result>*{position:relative}.goal-result .tag{display:inline-block;color:var(--blue);font-size:12px;margin-bottom:24px;letter-spacing:.03em}.goal-result h3{font-size:36px;margin-bottom:25px}.goal-result p{font-size:15px;max-width:380px}.notice{font-size:13px;border-left:3px solid var(--blue);background:#edf0ff;padding:20px 25px;line-height:1.9}.content-narrow .notice{margin-top:28px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.price-card{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;padding:51px 25px 25px;display:flex;flex-direction:column;min-width:0}.price-card h3{font-size:25px;margin-bottom:18px}.price-card>p{font-size:13px;color:var(--muted);min-height:53px;margin-bottom:27px}.price-card .popular{position:absolute;top:19px;left:25px;color:#2345eb;font:12px/1.5 Consolas,monospace;letter-spacing:.03em}.price-card .popular:empty{display:none}.price-card .amount{font-size:37px;line-height:1.2;letter-spacing:-.04em;margin-bottom:9px;font-weight:600;white-space:nowrap}.amount small{font-size:13px;letter-spacing:0;font-weight:400}.period{display:block;font-size:12px}.price-card ul{list-style:none;padding:25px 0 18px;margin:0}.price-card li{border-top:1px solid #ebeff2;font-size:13px;line-height:1.8;padding:12px 0}.price-card li:before{content:"+";color:#2345eb;margin-right:8px}.price-card .btn{margin-top:auto;width:100%;font-size:13px;padding-inline:14px;gap:12px}.price-card.featured{background:#2345eb;color:#fff;border-color:#2345eb}.price-card.featured>p,.price-card.featured .period{color:#b1c0cc}.price-card.featured .popular{color:#9de2ce}.price-card.featured li{border-color:#304250}.price-card.featured li:before{color:#d7f78a}.monthly-services{margin-top:46px}.monthly-heading{display:flex;justify-content:space-between;gap:40px;margin-bottom:23px}.monthly-heading h3{font-size:25px;max-width:370px}.monthly-heading p{font-size:13px;max-width:450px;color:var(--muted);margin:0}.monthly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.monthly-card{padding:29px;border:1px solid var(--line);border-radius:10px;background:#f1f3fb;display:flex;flex-direction:column;min-width:0}.monthly-card h4{font-size:17px;margin-bottom:20px}.monthly-card p{font-size:13px;color:var(--muted)}.monthly-card .monthly-price{font-size:27px;font-weight:600;line-height:1.3;color:#142e3a;letter-spacing:-.03em}.monthly-price small{font-size:12px;font-weight:400;letter-spacing:0;white-space:nowrap}.monthly-card .text-link{margin-top:auto;font-size:13px}.price-details{margin-top:70px}.price-details details{padding:20px 0;border-bottom:1px solid var(--line)}.price-details summary{font-size:17px;font-weight:600;cursor:pointer}.price-details details>div{padding:20px 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;margin:20px 0}.price-table{width:100%;border-collapse:collapse;min-width:560px;font-size:13px}.price-table th,.price-table td{text-align:left;border-bottom:1px solid var(--line);padding:15px 18px;vertical-align:top}.price-table th{background:#f0f4f6;font-weight:600}.price-table td:first-child{min-width:210px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.process-item{padding:28px 0;border-top:2px solid #b9c6ca}.process-item .step{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:32px;font:12px/1.5 Consolas,monospace;color:#5f707a}.process-item .step>span:last-child{background:#e0eeea;padding:9px 11px;color:#2e6156;border-radius:4px}.process-item h3{font-size:25px;margin-bottom:20px}.process-item p{font-size:14px;color:var(--muted)}.process-note{font-size:12px;color:var(--muted);margin:28px 0 0;max-width:830px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq h2{margin-bottom:24px}.faq>div>p{color:var(--muted);max-width:330px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{position:relative;padding-right:30px;cursor:pointer;list-style:none;font-size:16px;font-weight:550;line-height:1.7}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:3px;font-size:22px;color:#64828c}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;color:var(--muted);margin:20px 25px 0 0}
.calculator{display:grid;grid-template-columns:1.3fr .8fr;gap:45px;align-items:start}.calc-form{min-width:0}.calc-block{padding:28px;border:1px solid var(--line);border-radius:10px;margin:0 0 25px;background:#fff;min-width:0}.calc-block legend{padding:0 10px;font-size:13px;font-weight:650;letter-spacing:.01em}.field{display:grid;gap:9px;margin-bottom:20px;min-width:0}.field label,.search-input+label{font-size:13px;font-weight:550}.field input,.field select,.field textarea,.search-input{width:100%;min-width:0;border:1px solid #cbd5db;background:#fff;color:#15222b;padding:13px 14px;min-height:49px;border-radius:6px;font-size:14px}.field input[type=number]{appearance:textfield}.field textarea{min-height:130px;resize:vertical;line-height:1.7}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-field{display:flex;align-items:flex-start;gap:13px;padding:14px 0;font-size:14px;line-height:1.7;cursor:pointer;border-bottom:1px solid #edf1f3}.check-field>input{width:18px;height:18px;margin:3px 0 0;accent-color:#2345eb;flex-shrink:0}.check-field small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.calc-summary{position:sticky;top:115px;background:#152665;color:#fff;border-radius:10px;padding:32px;min-width:0}.calc-summary .eyebrow{color:#95bcbf}.calc-summary h3{font-size:31px;margin-bottom:26px}.summary-lines>div,.summary-row{display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.7;margin-bottom:12px}.summary-lines b,.summary-row strong{font-weight:500;white-space:nowrap}.summary-lines>div>span{color:#bed0dc}.summary-lines{padding:10px 0}.calc-summary .total{display:grid;gap:11px;padding:25px 0;border-top:1px solid #37505f;border-bottom:1px solid #37505f;margin:15px 0}.total span{font-size:12px;color:#b0c5d3}.total strong{font-size:39px;line-height:1.2;letter-spacing:-.035em;color:#d7f78a}.calc-summary .btn{margin-top:12px;width:100%;font-size:13px;gap:15px}.calc-summary .btn.ghost{color:#fff;border-color:#586e7d}.calc-summary .btn.ghost:hover{background:#243849}.calc-summary .small,.calc-summary .quote-note{color:#b0c2d0;font-size:12px}.custom-quote{font-size:13px;color:#d7f78a;margin-top:20px}.quote-note{margin:20px 0 0;font-size:12px}.calc-summary button{width:100%;margin-top:12px;padding:10px 15px;background:transparent;color:#c5d2dc;border:1px solid #4c6070;font-size:12px}.calc-summary .actions{display:block;margin-top:18px}.summary-row{padding-top:15px;border-top:1px solid #344b5b;margin-top:10px}.status{font-size:13px;color:#2d776c;margin-top:15px}.status:empty{display:none}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.blog-card{min-width:0;display:flex;flex-direction:column}.blog-card .cover{display:block;overflow:hidden;border-radius:10px;background:#eef3f4;margin-bottom:23px;aspect-ratio:1.5}.blog-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog-card .cover:hover img{transform:scale(1.04)}.meta-line{display:flex;justify-content:space-between;gap:12px;font:12px/1.7 Consolas,monospace;color:#647785;margin-bottom:16px;text-transform:uppercase}.blog-card h3{font-size:23px;line-height:1.35;margin-bottom:17px}.blog-card>p{font-size:14px;color:var(--muted);margin-bottom:24px}.blog-card>.text-link{margin-top:auto;align-self:flex-start}.blog-grid.listing{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 40px}.blog-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:30px}.filter-group{display:flex;gap:9px;flex-wrap:wrap}.filter-button{padding:11px 16px;border:1px solid #d4dde3;background:#fff;color:#4a5c6a;font-size:13px}.filter-button[aria-pressed=true]{background:#14212c;color:#fff;border-color:#14212c}.blog-toolbar>div:last-child{width:310px;flex-shrink:0}.blog-toolbar label{display:block;margin-bottom:8px}.no-results{padding:40px 0;color:var(--muted)}.article-head{max-width:1050px}.article-head h1{max-width:1000px;font-size:clamp(35px,4.6vw,65px)}.article-meta{display:flex;gap:22px;flex-wrap:wrap;font:12px/1.8 Consolas,monospace;color:#b4c6d4;margin-top:28px}.article-cover{width:100%;max-height:600px;object-fit:cover;border-radius:0 0 10px 10px}.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:90px;align-items:start}.article-side{position:sticky;top:125px;font-size:13px}.article-side>p{font:12px/1.7 Consolas,monospace;color:#5b7480;text-transform:uppercase}.article-side nav{display:grid;gap:17px}.article-side nav a{border-left:1px solid #cbd7dd;padding-left:14px;color:#536774;line-height:1.7}.share-article{margin-top:25px;padding:12px 15px;border:1px solid #c8d4da;background:#fff;font-size:12px}.article-body{max-width:810px;font-size:16px;line-height:1.95;color:#3f515e}.article-body h2{font-size:31px;line-height:1.3;color:#15212b;margin:0 0 25px;scroll-margin-top:125px}.article-body p+h2,.article-body ul+h2,.article-body ol+h2{margin-top:55px}.article-body li{margin-bottom:12px}.article-body a{color:#2345eb;text-decoration:underline;text-underline-offset:4px}.article-callout{padding:28px;border-left:3px solid #2345eb;background:#edf0ff;margin:30px 0;border-radius:0 6px 6px 0}.article-callout p:last-child{margin:0}.article-sources{border-top:1px solid #ced9df;margin-top:55px;padding-top:28px}.article-sources h3{font-size:22px;margin-bottom:20px}.article-sources a{display:block;font-size:13px;margin-bottom:10px}.article-sources p{margin-top:20px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.tags span{font-size:12px;color:#49606d;border:1px solid #cedbdf;padding:6px 9px}.reading-progress{position:fixed;top:89px;left:0;height:3px;width:0;background:#2345eb;z-index:51}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.contact-info h2{margin-bottom:26px}.contact-info .phone{display:block;font-size:clamp(24px,3vw,39px);letter-spacing:-.03em;line-height:1.3;margin-bottom:24px}.contact-aside{border-top:1px solid var(--line);padding-top:27px;margin-top:35px}.contact-aside h3{font-size:21px;margin-bottom:18px}.contact-aside p{font-size:14px;color:var(--muted)}.contact-form{border:1px solid var(--line);padding:35px;border-radius:10px;background:#f4f5f9}.contact-form .btn{margin-top:10px}.contact-form .status{font-size:13px;color:#286c61}.about-manifesto{font-size:clamp(29px,3.2vw,46px);line-height:1.5;letter-spacing:-.035em;color:#142632!important}.about-manifesto span{color:#2345eb}.brand-art{display:flex;align-items:center;justify-content:center;background:#edf2f3;min-height:360px;border-radius:10px}.brand-art img{max-width:80%;width:380px;height:auto}.about-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.about-values>div{border-top:1px solid var(--line);padding-top:27px}.about-values h3{font-size:22px;margin-bottom:18px}.about-values p:not(.eyebrow){font-size:14px;color:var(--muted)}.about-values .eyebrow{font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:15px 24px;background:#142832;color:#fff;border:1px solid #46716f;border-radius:7px;font-size:13px;z-index:100}.notice{font-size:13px;border-left:3px solid #2345eb;background:#edf0ff;padding:20px 24px;line-height:1.9}.content-narrow .notice{margin-top:28px}
@media(max-width:1100px){.brand>span{display:none}.main-nav{gap:22px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card>p{min-height:0}.footer-main{gap:30px}.split-showcase{gap:45px}.goal-layout{gap:45px}.calculator{grid-template-columns:1.15fr .85fr;gap:27px}.calc-summary{padding:25px}.faq{gap:60px}.contact-grid{gap:55px}.about-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){html{scroll-padding-top:95px}.wrap{width:calc(100% - 40px)}.section{padding:66px 0}.section-head{display:block;margin-bottom:32px}.section-head h2{margin-bottom:24px}.section-head>p,.section-head>div:last-child:not(:first-child){max-width:none}.section-head p:not(.eyebrow){font-size:14px}.eyebrow{font-size:12px;margin-bottom:18px;letter-spacing:.025em}.lead{font-size:16px}.header-inner{height:80px;gap:14px}.brand img{width:77px;height:58px}.header-cta{margin-left:auto;font-size:12px;min-height:42px;padding:10px 15px;gap:14px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fafaf7;padding:18px 25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:0}.main-nav.open{display:flex}.main-nav a{padding:13px 4px;font-size:15px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-main>div:first-child{grid-column:1/-1;display:flex;align-items:center;gap:25px}.footer-logo{width:120px;height:90px;margin:0;flex-shrink:0}.footer-main>div:first-child p{font-size:13px;margin:0}.footer-bottom{flex-direction:column;font-size:12px;gap:16px}.footer-bottom span:last-child{text-align:left}.closing{padding:60px 0}.closing .wrap{align-items:flex-start;flex-direction:column;gap:30px}.page-hero{padding:26px 0 45px}.breadcrumbs{margin-bottom:30px;font-size:12px;gap:10px}.page-hero h1{font-size:clamp(36px,7.8vw,54px)}.page-hero .lead{font-size:15px}.page-split{grid-template-columns:1fr;gap:34px}.page-split>img{max-height:300px;object-fit:cover}.split-showcase{grid-template-columns:1fr;gap:35px}.split-showcase>div>h2{margin-bottom:22px}.numbered-grid{grid-template-columns:1fr;gap:17px}.detail-card{padding:27px}.detail-card .num{margin-bottom:20px}.service-row{grid-template-columns:28px 1fr 38px;gap:15px;padding:26px 2px}.service-row h3{font-size:23px}.service-row p{grid-column:2/3;font-size:13px;margin:0}.service-row .round-arrow{grid-column:3;grid-row:1/3;width:36px;height:36px}.service-row .num{align-self:start;padding-top:7px}.goal-layout{grid-template-columns:1fr;gap:35px}.goal-result{padding:28px;min-height:350px}.goal-result h3{font-size:30px}.trust-band{grid-template-columns:1fr;gap:22px;margin-top:35px}.pricing-grid{gap:18px}.price-card{padding:48px 22px 24px}.price-card h3{font-size:24px}.price-card .amount{font-size:36px}.price-card .popular{left:22px;font-size:12px}.price-card .btn{font-size:13px}.monthly-heading{display:block}.monthly-heading h3{margin-bottom:16px}.monthly-grid{grid-template-columns:1fr}.monthly-card{padding:26px}.process-grid{grid-template-columns:1fr;gap:10px}.process-item{padding:25px 0 10px}.process-item .step{margin-bottom:24px}.process-item h3{font-size:25px}.faq{grid-template-columns:1fr;gap:33px}.faq>div>p{max-width:420px}.faq summary{font-size:15px}.calculator{grid-template-columns:1fr;gap:15px}.calc-summary{position:static;padding:28px}.calc-block{padding:23px}.field-grid{gap:14px}.field input,.field select,.field textarea,.search-input{font-size:16px}.blog-grid,.blog-grid.listing{grid-template-columns:1fr;gap:38px}.blog-card h3{font-size:25px}.blog-toolbar{display:block}.blog-toolbar>div:last-child{width:100%;margin-top:24px}.filter-button{padding:10px 13px;font-size:13px}.article-layout{grid-template-columns:1fr;gap:35px}.article-side{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.article-side nav{gap:10px}.article-side nav a{font-size:13px}.article-head h1{font-size:clamp(33px,7.8vw,52px)}.article-meta{gap:10px 18px;font-size:12px}.article-cover{height:auto;max-height:360px}.article-body{font-size:15px;line-height:1.95}.article-body h2{font-size:28px}.reading-progress{top:79px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-form{padding:25px}.contact-info .phone{font-size:35px}.contact-form .btn{max-width:100%;font-size:13px;gap:14px}.about-values{gap:25px}.brand-art{min-height:300px}.notfound{margin-top:10vh}.notfound h1{font-size:42px}}
@media(max-width:480px){.pricing-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.about-values{grid-template-columns:1fr}.header-inner{gap:11px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:last-child{grid-column:1/-1}.btn{font-size:13px;gap:18px;padding:13px 18px}.actions{gap:18px}.content-narrow h2{font-size:28px}.article-callout{padding:22px}.goal-btn{padding:15px;font-size:13px}.site-footer{padding-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.price-card{border-radius:18px;padding:53px 27px 28px;box-shadow:none}.price-card.featured .btn{background:#d7f78a;color:#172341;border-color:#d7f78a}.price-card.featured .popular{color:#e4ebff}.price-card.featured .period,.price-card.featured>p{color:#d9e0ff}.price-card.featured li{border-color:#6078f1}.price-card.featured li:before{color:#d7f78a}.price-card li:before{color:#2345eb}.monthly-card{border-radius:15px;background:#f0f2fc}.monthly-card .monthly-price{color:#243b8d}.process-item{border-top:1px solid #bcc1ce;padding-top:30px}.process-item .step>span:last-child{background:#e8edff;color:#334da0;border-radius:40px;padding-inline:14px}.process-item h3{font-size:26px}.calc-block{border-radius:14px}.calc-summary{border-radius:18px}.calc-summary .eyebrow{color:#c3cfff}.calc-summary .btn{background:#d7f78a;color:#152665;border-color:#d7f78a}.calc-summary .btn.ghost{background:transparent;color:#fff;border-color:#7380af}.calc-summary button{border-radius:40px}.calc-summary .total{border-color:#536492}.calc-summary .summary-row{border-color:#536492}.calc-summary .total span,.calc-summary .small,.calc-summary .quote-note,.summary-lines>div>span{color:#c1c9e3}.blog-card .cover{border-radius:12px;aspect-ratio:1.5}.blog-card h3{font-size:25px}.meta-line{font-family:Manrope,sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.025em}.filter-button{border-radius:30px;min-height:44px}.filter-button[aria-pressed=true]{background:#2345eb;border-color:#2345eb}.article-meta{font-family:Manrope,sans-serif;color:#686e80}.article-cover{border-radius:12px;max-height:560px}.article-side>p{font-family:Manrope,sans-serif}.contact-form{background:#f1f3fb;border-radius:18px;padding:40px}.brand-art{background:#edf0ff;border-radius:18px}.about-manifesto{font-size:clamp(30px,3.8vw,52px)}.about-values>div{padding-top:30px}.field input,.field select,.field textarea,.search-input{border-color:#cbd0de;border-radius:8px}.check-field>input{accent-color:#2345eb}.reading-progress{top:95px}.article-callout{border-color:#2345eb;background:#edf0ff}.share-article{border-radius:30px}.tags span{border-radius:30px}.toast{background:#152665;border-color:#536492;border-radius:40px}.status{color:#2645b6}.contact-form .status{color:#2645b6}
@media(max-width:1100px){.header-inner{gap:24px}.main-nav{gap:19px}.page-split{gap:40px}.goal-layout{gap:50px}}@media(max-width:900px){.brand>span{display:none}.main-nav{gap:15px}.main-nav a{font-size:12px}.header-cta{font-size:12px;padding-inline:15px}.wrap{width:calc(100% - 48px)}}@media(max-width:780px){.section{padding:75px 0}.wrap{width:calc(100% - 40px)}.header-inner{height:80px;gap:14px}.brand img{width:75px;height:57px}.main-nav{top:80px;background:#fafaf7}.main-nav a{font-size:15px}.page-hero{padding:28px 0 50px}.page-split{grid-template-columns:1fr;gap:35px}.page-hero h1{font-size:clamp(38px,8vw,54px)}.footer-main{grid-template-columns:1fr 1fr}.footer-logo{width:105px;height:80px}.closing .wrap{align-items:flex-start;flex-direction:column;gap:30px}.closing:after{right:-20px;top:70px;font-size:240px}.closing h2{font-size:40px}.goal-layout{grid-template-columns:1fr;gap:35px}.goal-result{padding:30px;min-height:350px}.goal-result h3{font-size:31px}.reading-progress{top:79px}.contact-form{padding:25px}.section-head{gap:30px}.service-row{grid-template-columns:30px 1fr 40px}.service-row:hover{padding-inline:5px}.numbered-grid{grid-template-columns:1fr;gap:25px}.price-card{padding:50px 25px 28px}.price-card .amount{font-size:38px}.article-meta{color:#626a7b}.footer-bottom>span:last-child{text-align:left}.article-head h1{font-size:clamp(35px,7.7vw,54px)}}

/* ADF source: soft.css */
/* ADF / The digital atelier */
.atelier-hero{padding:63px 0 0;overflow:hidden}.hero-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:end;margin-bottom:48px}.hero-intro h1{font-size:clamp(46px,5.1vw,75px);line-height:1.08;letter-spacing:-.055em}.hero-intro h1 em{white-space:nowrap;font-size:.96em}.hero-summary{max-width:410px;padding-bottom:5px}.hero-summary>p{font-size:16px;line-height:1.85;color:#676d7c;margin-bottom:0}.hero-summary .actions{gap:24px}.hero-summary .btn{padding:15px 22px;font-size:13px}.hero-summary .text-link{font-size:13px;gap:12px}.build-workbench{--demo-accent:#2345eb;--build-angle:0deg;--pointer-x:0deg;--pointer-y:0deg;background:#e5eaf8;border:1px solid #d9dfec;border-radius:18px;position:relative}.workbench-top{display:flex;justify-content:space-between;gap:25px;padding:19px 27px;color:#596477;font-size:12px;letter-spacing:.07em;border-bottom:1px solid #cbd4e7}.workbench-top>span:first-child{display:flex;align-items:center;gap:10px}.workbench-top i{width:6px;height:6px;border-radius:50%;background:var(--demo-accent)}.build-scene{position:relative;height:485px;perspective:1600px;cursor:grab;touch-action:pan-y;overflow:hidden;border-radius:0 0 10px 10px}.build-scene.is-dragging{cursor:grabbing}.scene-word{position:absolute;bottom:-32px;left:-12px;font-size:190px;letter-spacing:-.08em;color:#cfd8ef;font-weight:600;line-height:1;pointer-events:none}.scene-orb{width:380px;height:380px;background:radial-gradient(circle at 35% 30%,#f8fbff,#c5d3ef 70%);border-radius:50%;position:absolute;right:-80px;top:-65px;box-shadow:inset -35px -25px 45px #a6bce13b;pointer-events:none}.site-window{position:absolute;left:8%;top:44px;width:74%;max-width:970px;height:370px;background:#fff;border-radius:11px;box-shadow:-8px 30px 45px #21336733,0 1px 0 2px #fff9;overflow:hidden;transform:rotateX(calc(5deg + var(--pointer-y))) rotateY(calc(-7deg + var(--build-angle) + var(--pointer-x))) rotateZ(-1.5deg);transform-style:preserve-3d;transition:transform .3s,width .45s,left .45s,opacity .3s}.window-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;height:34px;border-bottom:1px solid #ecebe7;padding:0 16px;color:#7e828c;font-size:12px}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;background:#bfc3cd;border-radius:50%}.preview-surface{background:#f7f5ed;height:calc(100% - 34px);transition:opacity .3s}.mini-nav{padding:15px 25px;display:flex;align-items:center;gap:25px;height:58px;border-bottom:1px solid #deded6}.mini-nav>b{font-size:22px;letter-spacing:-.07em}.mini-nav>b>span{font-size:12px;vertical-align:top;letter-spacing:0}.mini-nav>span{font-size:12px;margin-left:auto;color:#657086}.mini-nav>i{font-size:12px;font-style:normal;color:var(--demo-accent);margin-left:16px}.mini-layout{height:244px;display:grid;grid-template-columns:.85fr 1fr}.mini-copy{padding:25px 30px;position:relative}.mini-kicker{font-size:12px;letter-spacing:.1em;color:#787e71}.mini-copy h2{font:500 43px/1.08 Georgia,serif;letter-spacing:-.05em;margin-top:12px}.mini-copy p{font-size:12px;line-height:1.7;color:#657086;margin-top:13px;margin-bottom:13px}.mini-button{display:inline-block;font-size:12px;color:var(--demo-accent);border-bottom:1px solid var(--demo-accent);padding-bottom:3px}.mini-index{position:absolute;right:27px;bottom:20px;font-size:12px;color:#657086}.mini-index span{margin:0 8px}.mini-photograph{width:100%;height:244px;object-fit:cover}.mini-feature-row{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 25px;border-top:1px solid #deded6;font-size:12px;color:#657086}.phone-window{position:absolute;right:7%;bottom:39px;width:165px;height:325px;background:#f8f6ef;border:6px solid #222b40;border-radius:27px;box-shadow:0 22px 35px #15244b45;transform:rotateX(calc(4deg + var(--pointer-y))) rotateY(calc(-8deg + var(--build-angle) + var(--pointer-x))) rotateZ(6deg);transition:all .45s;overflow:hidden}.phone-speaker{position:absolute;top:0;left:45px;width:62px;height:12px;background:#222b40;border-radius:0 0 8px 8px;z-index:1}.phone-nav{font-size:12px;font-weight:700;letter-spacing:-.03em;padding:24px 13px 10px;display:flex;justify-content:space-between}.phone-photo{width:100%;height:116px;object-fit:cover}.phone-copy{padding:13px}.phone-copy>span:first-child{font-size:12px;color:#74796f;letter-spacing:-.03em}.phone-copy strong{display:block;font:25px/1.04 Georgia,serif;letter-spacing:-.04em;margin:8px 0 13px}.phone-button{font-size:12px;color:var(--demo-accent)}.build-note{display:flex;align-items:center;gap:13px;position:absolute;bottom:15px;left:30px;background:#fff;padding:16px 22px;box-shadow:0 8px 25px #23457112;border:1px solid #ebeff6;border-radius:8px;transform:rotate(-4deg);font-size:12px;color:#656d81}.build-note>span{font:45px/1 Georgia,serif;color:var(--demo-accent)}.build-note b{font-size:13px;font-weight:600;color:#1d2a45}.drag-hint{position:absolute;right:31px;bottom:16px;color:#5d6880;font-size:12px;display:flex;align-items:center;gap:10px}.drag-hint>span{font-size:23px}.build-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 25px;gap:25px;background:#fff;border-top:1px solid #d9dfec}.build-tabs{display:flex;gap:6px}.build-tab{display:flex;gap:10px;align-items:center;font-size:12px;padding:12px 15px;background:transparent;border:0;border-radius:30px;min-height:44px;color:#72788a;white-space:nowrap}.build-tab>span{font-size:12px;color:#657086}.build-tab[aria-selected=true]{background:#edf0ff;color:var(--blue)}.build-tab[aria-selected=true]>span{color:var(--blue)}.build-tools{display:flex;gap:16px;align-items:center}.device-switch{display:flex;background:#f0f2f6;padding:3px;border-radius:30px}.device-switch button{border:0;border-radius:30px;background:transparent;font-size:12px;color:#697186;padding:9px 12px;min-height:42px}.device-switch [aria-pressed=true]{background:#fff;color:#223358;box-shadow:0 1px 4px #25386212}.build-colors{display:flex;gap:0}.demo-color{width:40px;height:44px;min-width:40px;border:11px solid white;border-radius:50%;background:var(--swatch);position:relative}.color-cyan{--swatch:#2345eb}.color-blue{--swatch:#52745b}.color-orange{--swatch:#b86244}.demo-color[aria-pressed=true]:after{content:"";position:absolute;inset:-4px;border:1px solid var(--swatch);border-radius:50%}.angle-control{font-size:12px;color:#68738b;display:flex;align-items:center;gap:8px;white-space:nowrap}.angle-control input{width:65px;accent-color:var(--blue);height:25px}.build-caption{display:flex;justify-content:space-between;gap:30px;padding:13px 28px;font-size:12px;color:#63708b;background:#f7f9fe;border-radius:0 0 18px 18px;border-top:1px solid #e5e9f1}.build-caption>span:last-child{white-space:nowrap;color:#657086}.hero-bottom{display:flex;justify-content:space-between;gap:25px;padding:29px 3px;border-bottom:1px solid var(--line);font-size:13px;color:#6c7280}.hero-bottom>span:before{content:"✳";margin-right:14px;color:var(--blue)}.wireframe-layer,.code-layer{position:absolute;inset:34px 0 0;opacity:0;pointer-events:none;transition:opacity .25s}.wireframe-layer{background:#f7f9ff;padding:22px;display:grid;grid-template-rows:34px 1fr 34px;gap:13px;font-size:12px;color:#6c7da6}.wireframe-layer>div,.wireframe-layer>footer{border:1px dashed #9eadd2;display:grid;place-items:center}.wireframe-layer section{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wireframe-layer section>div{border:1px dashed #9eadd2;display:flex;flex-direction:column;justify-content:center;padding:22px}.wireframe-layer b{font-size:28px;font-weight:500;line-height:1.2;color:#607ab8;margin:10px 0}.wireframe-layer i{font-size:12px;font-style:normal}.wireframe-layer p{margin-bottom:8px}.wireframe-layer section>div:last-child{align-items:center;background:repeating-linear-gradient(45deg,#eef2fd,#eef2fd 8px,#f7f9ff 8px,#f7f9ff 16px)}.code-layer{background:#1b2542;color:#dfe5f7;padding:40px 35px;font:14px/2.45 Consolas,monospace}.code-layer>div>span{display:inline-block;color:#a6b5dc;width:30px}.code-layer i{color:#a8c4ff;font-style:normal}.code-layer p{font:12px/1.7 Manrope,sans-serif;color:#7f91bd;border-top:1px solid #3b496d;margin-top:25px;padding-top:18px;display:flex;justify-content:space-between}.code-layer b{color:#d7f78a;font-weight:500}.build-workbench[data-phase=design] .wireframe-layer,.build-workbench[data-phase=code] .code-layer{opacity:1}.build-workbench:not([data-phase=preview]) .preview-surface{opacity:0}.build-workbench:not([data-phase=preview]) .phone-window{opacity:.35;transform:translateX(15px) rotate(9deg)}.build-workbench[data-device=mobile] .site-window{width:280px;left:calc(50% - 140px);height:418px;top:28px;transform:rotateY(calc(var(--build-angle) + var(--pointer-x))) rotateX(var(--pointer-y))}.build-workbench[data-device=mobile] .mini-nav{height:50px;padding:13px 17px}.build-workbench[data-device=mobile] .mini-nav>span{display:none}.build-workbench[data-device=mobile] .mini-nav>i{margin-left:auto}.build-workbench[data-device=mobile] .mini-layout{height:300px;display:flex;flex-direction:column-reverse}.build-workbench[data-device=mobile] .mini-copy{padding:15px 20px;height:184px}.build-workbench[data-device=mobile] .mini-copy h2{font-size:30px;margin-top:7px}.build-workbench[data-device=mobile] .mini-copy p{display:none}.build-workbench[data-device=mobile] .mini-photograph{height:125px}.build-workbench[data-device=mobile] .mini-kicker{font-size:12px}.build-workbench[data-device=mobile] .mini-button{margin-top:12px}.build-workbench[data-device=mobile] .mini-feature-row{padding:5px 16px;height:34px}.build-workbench[data-device=mobile] .mini-feature-row>span:last-child{display:none}.build-workbench[data-device=mobile] .phone-window{opacity:0;transform:translateX(80px) rotate(15deg);pointer-events:none}.build-workbench[data-device=mobile] .code-layer{font-size:12px;padding:35px 15px;overflow:hidden}.build-workbench[data-device=mobile] .wireframe-layer{padding:14px}.build-workbench[data-device=mobile] .wireframe-layer section{grid-template-columns:1fr}.build-workbench[data-device=mobile] .wireframe-layer section>div:last-child{min-height:75px}.build-workbench[data-device=mobile] .wireframe-layer b{font-size:21px}
.services-section{background:#fafaf7}.studio-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #bfc5d5;margin-bottom:45px}.studio-tab{display:flex;gap:15px;align-items:center;font-size:17px;padding:20px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:#657086;text-align:left}.studio-tab>span{font-size:12px;color:#838a9c}.studio-tab>i{font-style:normal;margin-left:auto;margin-right:23px}.studio-tab[aria-selected=true]{border-bottom-color:var(--blue);color:var(--blue)}.studio-tab[aria-selected=true]>span{color:var(--blue)}.studio-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.studio-copy h3{font-size:37px;max-width:450px;margin-bottom:25px}.studio-copy p{font-size:15px;color:#6b7282;margin-bottom:23px}.studio-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.studio-tags>span{font-size:12px;border:1px solid #d9dde8;border-radius:30px;padding:6px 11px;color:#72798a}.studio-copy .secondary-link{display:block;font-size:12px;color:#657086;margin-top:25px}.studio-stage{position:relative;min-width:0;border-radius:14px;background:#e9edfa;perspective:1000px}.stage-inner{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s;min-width:0}.studio-demo{height:380px;border-radius:14px;overflow:hidden;position:relative}.studio-demo>img{width:100%;height:100%;object-fit:cover}.studio-image-label{position:absolute;inset:0;padding:33px;color:#fff;background:linear-gradient(90deg,#101b3b59,transparent 90%)}.studio-image-label>span{font-size:12px;letter-spacing:.04em}.studio-image-label>strong{font-size:48px;letter-spacing:-.05em;font-weight:500;line-height:1.1;display:block;margin-top:27px}.stage-caption{position:absolute;bottom:12px;left:22px;font-size:12px;letter-spacing:.02em;color:#fff;text-shadow:0 1px 10px #0008;pointer-events:none}.studio-stage[data-type=auto] .stage-caption,.studio-stage[data-type=seo] .stage-caption{color:#737e9a;text-shadow:none}.flow-app{background:#fff;height:100%;padding:20px;color:#26365a}.flow-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e8ecf5;gap:12px}.flow-header>b{font-size:23px;letter-spacing:-.06em}.flow-header>b>span{color:var(--blue)}.flow-header>span{font-size:12px;color:#657086}.flow-body{display:grid;grid-template-columns:105px 1fr;gap:20px;padding-top:20px}.flow-body aside{display:grid;align-content:start;gap:16px;font-size:12px;color:#657086;padding-top:8px}.flow-body aside>b{color:var(--blue);font-weight:500}.flow-body>div>p{font-size:12px;color:#657086;margin-bottom:6px}.flow-body h4{font-size:21px;margin-bottom:20px}.flow-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.flow-columns>div>span{font-size:12px;color:#657086;display:block;margin-bottom:10px}.flow-columns article{border:1px solid #e0e5f0;border-radius:8px;padding:13px;background:#f9faff;margin-bottom:10px}.flow-columns article>b{font-size:12px;display:block;font-weight:600}.flow-columns article>small{display:block;font-size:12px;color:#657086}.flow-columns article>i{display:block;font-size:12px;font-style:normal;color:#537447;margin-top:14px}.flow-app>footer{font-size:12px;color:#657086;margin-top:14px;padding-left:125px}.search-concept{padding:40px 28px;height:100%;background:#edf0fc}.search-query{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#fff;border-radius:35px;font-size:14px;color:#7f89a3;box-shadow:0 5px 20px #2a428409}.search-query>span{font-size:22px;color:var(--blue)}.search-answer{padding:23px 20px}.search-answer>span{font-size:12px;color:#657086}.search-answer h4{font-size:26px;color:#2345eb;margin:10px 0 13px}.search-answer p{font-size:13px;color:#657086;margin-bottom:17px}.search-answer>div{display:flex;gap:15px;font-size:12px;color:#62789f;flex-wrap:wrap}.search-map{display:flex;align-items:center;gap:14px;justify-content:space-between;font-size:12px;border-top:1px solid #cfd7ed;padding:20px}.search-map i{font-style:normal;color:#657086}.search-map b{font-weight:600;background:#dbe2ff;padding:8px 12px;border-radius:6px;color:#3454ab}
.examples-section{background:#f0f1ed}.examples-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px 35px;align-items:start}.example-card{min-width:0}.example-card:first-child{grid-row:span 2}.example-card:nth-child(2){margin-top:85px}.example-art{position:relative;overflow:hidden;border-radius:12px;background:#dce4ef;aspect-ratio:1.55}.example-card:first-child .example-art{aspect-ratio:.92}.example-art>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.example-card:hover .example-art>img{transform:scale(1.03)}.example-art .project-word{position:absolute;top:30px;left:30px;color:#fff;font-size:35px;line-height:1;letter-spacing:-.05em}.example-card:first-child .project-word{font:52px Georgia,serif}.project-label{position:absolute;bottom:20px;left:22px;color:#fff;font-size:12px;border:1px solid #ffffff65;border-radius:30px;padding:6px 13px;background:#14264625;backdrop-filter:blur(5px)}.project-number{position:absolute;top:22px;right:22px;font-size:12px;color:#fff}.example-info{padding-top:23px;display:grid;grid-template-columns:1fr 40px;column-gap:15px}.example-info .example-badge{font-size:12px;color:#657086;letter-spacing:.06em;grid-column:1}.example-info h3{font-size:28px;margin:12px 0 15px;grid-column:1}.example-info>p{color:#747b8a;font-size:14px;grid-column:1;margin-bottom:15px}.example-info>.project-arrow{grid-column:2;grid-row:1/4;border:1px solid #c2c9d3;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:23px}.example-info details{grid-column:1/-1;border-top:1px solid #d3d6dc;padding-top:13px}.example-info summary{cursor:pointer;font-size:13px;line-height:1.8}.example-info details ul{padding-left:17px;color:#717a8e;font-size:13px;margin:13px 0}.example-info .text-link{font-size:13px}.examples-grid>.example-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.example-card:nth-child(3) .example-art{aspect-ratio:1.7}.example-card:nth-child(3) .example-info{padding:0;max-width:440px}.engineering-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.engineering-intro{color:#657086;font-size:15px;max-width:470px;margin-top:28px;margin-bottom:27px}.quality-list>article{display:flex;align-items:start;gap:25px;padding:28px 0;border-top:1px solid #cdd2dd}.quality-list>article:first-child{padding-top:6px;border-top:0}.quality-list>article>span{font-size:12px;color:var(--blue);margin-top:4px}.quality-list h3{font-size:26px;margin-bottom:15px}.quality-list p{font-size:14px;color:#657086;max-width:350px;margin:0}.quality-list>article>i{font-style:normal;font-size:29px;color:var(--blue);margin-left:auto;line-height:1.2}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:30px}.scope-card{padding:35px;background:#f1f3fb;border-radius:14px}.scope-card h3{font-size:26px;margin-bottom:25px}.scope-card ul{list-style:none;padding:0;margin:0}.scope-card li{padding:15px 0;border-top:1px solid #d2d9ea;font-size:14px;color:#626c84}.scope-card li:before{content:'↗';color:var(--blue);margin-right:15px}.sample-deliverable{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#1d2c5d;padding:37px;color:#fff;border-radius:14px;margin-bottom:28px}.sample-deliverable .eyebrow{color:#a5b7eb}.sample-deliverable h3{font-size:28px;margin-bottom:20px}.sample-deliverable p{font-size:13px;color:#acb9dd;margin:0}.sample-deliverable ol{padding-left:20px;margin:0;font-size:14px;color:#c2cdea}.sample-deliverable li{padding:13px 0;border-bottom:1px solid #475785}.service-visual{border-radius:14px;overflow:hidden;background:#e5eaff;min-width:0;position:relative}.service-visual>img{width:100%;height:385px;object-fit:cover}.service-visual figcaption{background:#fff;padding:18px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:#77819b}.service-visual figcaption strong{color:#2345eb;font-size:13px;font-weight:600}.service-visual .flow-app{height:385px;padding:28px}.service-search{padding:32px;background:#e6ecff;height:385px}.service-search .search-concept{padding:0;background:transparent}.service-search .search-map{margin-top:15px}.about-photo{margin-bottom:0;border-radius:14px;overflow:hidden}.about-photo img{width:100%;aspect-ratio:1.4;object-fit:cover}.about-photo figcaption{font-size:12px;color:#7d879b;margin-top:12px}.soft-reveal{opacity:1}.soft-reveal.is-visible{animation:enter .65s ease both}@keyframes enter{from{transform:translateY(16px);opacity:.45}to{transform:translateY(0);opacity:1}}

.quote-progress{display:flex;list-style:none;padding:0;margin:0 0 28px;gap:9px}.quote-progress li{flex:1;border-top:3px solid #d4e0e4;padding-top:13px;font:12px/1.6 Consolas,monospace;color:#607784}.quote-progress [aria-current=step]{border-color:#2345eb;color:#2345eb}.quote-step>h3{font-size:26px;margin-bottom:29px;scroll-margin-top:130px}.quote-step>h3:focus{outline:none}.quote-navigation{padding-top:20px;border-top:1px solid #d3e0e4;margin-top:25px}.quote-navigation>p{font-size:13px;color:#2345eb;margin-bottom:19px}.quote-navigation>div{display:flex;gap:15px;justify-content:space-between}.purpose-field{border:1px solid #c6d1ff;background:#f0f3ff;padding:25px;border-radius:9px;margin-bottom:28px}.purpose-field label{font-size:17px;font-weight:600}.purpose-field .small{margin:0;font-size:12px}.quote-options{border:1px solid #d3dfe3;border-radius:8px;background:#f7f9fa;margin-bottom:24px;padding:20px}.quote-options>summary{cursor:pointer;font-size:14px;font-weight:600;min-height:32px}.quote-options .calc-block{margin:24px 0 0;background:#fff}.custom-only{font-size:23px!important;line-height:1.5!important;color:#d7f78a!important;padding:24px 0;border-block:1px solid #3c5b64}.lead-save{margin:18px 0}.lead-save>p{font-size:13px;line-height:1.7;margin:14px 0}.calc-summary .lead-save .btn{width:100%}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.measurement-choice{padding:24px 0;background:#edf0ff;border-bottom:1px solid #b1cfc4;color:#294c45}.measurement-choice>.wrap{display:flex;gap:40px;align-items:center}.measurement-choice h2{font-size:22px;margin-bottom:13px}.measurement-choice p{font-size:13px;margin:0}.measurement-choice a{text-decoration:underline}.measurement-actions{display:flex;flex-wrap:wrap;gap:9px;min-width:330px}.measurement-actions button,.measurement-open{border:1px solid #80a99c;background:transparent;padding:11px 14px;font-size:12px;min-height:44px}.measurement-actions button:last-child{background:#2345eb;color:white}.measurement-open{color:inherit;border-color:#617d88;min-height:40px}@media(max-width:1150px){.hero-intro{gap:35px}.hero-intro h1{font-size:clamp(46px,5.4vw,65px)}.hero-summary{max-width:350px}.hero-summary .actions{gap:15px}.hero-summary .text-link{display:none}.build-tools{gap:10px}.angle-control{display:none}.studio-panel{gap:50px}.studio-tab{font-size:15px}.engineering-layout{gap:65px}.flow-body{grid-template-columns:80px 1fr;gap:12px}.flow-app>footer{padding-left:90px}.mini-copy h2{font-size:40px}.mini-copy{padding-left:24px}.build-scene{height:470px}.phone-window{right:5%}.examples-grid{gap:40px 28px}.brand>span{font-size:12px}.hero-summary .btn{font-size:13px}}
@media(max-width:900px){.hero-intro{grid-template-columns:1.25fr 1fr;gap:30px}.hero-intro h1{font-size:50px}.hero-summary>p{font-size:14px}.workbench-top{font-size:12px;letter-spacing:0}.build-controls{padding:12px 15px;gap:12px}.build-tab{padding:10px 11px;gap:7px}.build-tools{gap:5px}.device-switch button{padding-inline:9px}.demo-color{width:35px;min-width:35px;border-width:9px}.site-window{left:5%;width:80%}.mini-copy{padding:25px 22px}.mini-copy h2{font-size:35px}.mini-nav{padding-inline:22px}.mini-nav>span{display:none}.mini-nav>i{margin-left:auto}.studio-panel{gap:35px}.studio-copy h3{font-size:32px}.studio-demo{height:355px}.flow-body aside{display:none}.flow-body{grid-template-columns:1fr}.flow-app>footer{padding-left:0}.studio-image-label>strong{font-size:39px}.search-concept{padding:30px 20px}.search-answer{padding-inline:4px}.search-map{padding-inline:3px}.engineering-layout{gap:40px}.quality-list h3{font-size:23px}.example-info h3{font-size:25px}}
@media(max-width:780px){.atelier-hero{padding-top:34px}.hero-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.hero-intro h1{font-size:clamp(38px,8.7vw,59px);line-height:1.1}.hero-intro h1 em{font-size:.92em}.hero-intro .eyebrow{font-size:12px;letter-spacing:.02em;margin-bottom:20px}.hero-summary{max-width:550px}.hero-summary>p{font-size:15px;line-height:1.85}.hero-summary .actions{margin-top:23px;gap:20px}.hero-summary .text-link{display:inline-flex;font-size:12px}.hero-summary .btn{font-size:13px;padding:14px 20px}.build-workbench{border-radius:12px}.workbench-top{padding:15px;font-size:12px;letter-spacing:0;gap:15px;align-items:center}.workbench-top>span:last-child{display:none}.build-scene{height:382px}.scene-word{font-size:97px;bottom:4px;left:-5px}.scene-orb{width:250px;height:250px;right:-90px;top:-35px}.site-window{left:5%;top:47px;width:86%;height:275px;transform:rotateX(calc(4deg + var(--pointer-y))) rotateY(calc(-5deg + var(--build-angle) + var(--pointer-x))) rotateZ(-3deg)}.window-head{height:29px;padding-inline:11px;font-size:12px;gap:10px}.window-head>span:last-child{display:none}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.preview-surface{height:calc(100% - 29px)}.mini-nav{height:42px;padding:11px 15px}.mini-nav>b{font-size:17px}.mini-nav>i{font-size:12px}.mini-layout{height:179px;grid-template-columns:1fr 1fr}.mini-copy{padding:18px 13px}.mini-kicker{display:none}.mini-copy h2{font-size:27px;margin:0 0 10px}.mini-copy p{font-size:12px;margin:0 0 10px;line-height:1.55}.mini-button{font-size:12px;letter-spacing:-.03em}.mini-photograph{height:179px;object-fit:cover}.mini-index{display:none}.mini-feature-row{height:25px;padding:0 12px;font-size:12px}.mini-feature-row>span:last-child{display:none}.phone-window{width:104px;height:226px;border-width:4px;border-radius:20px;right:3%;bottom:26px;transform:rotateY(calc(var(--build-angle) + var(--pointer-x))) rotateZ(6deg)}.phone-speaker{left:28px;width:40px;height:9px}.phone-nav{padding:18px 7px 8px;font-size:12px}.phone-photo{height:80px}.phone-copy{padding:9px 7px}.phone-copy>span:first-child{display:none}.phone-copy strong{font-size:19px;line-height:1.05;margin:3px 0 10px}.phone-button{font-size:12px;letter-spacing:-.06em;display:block;line-height:1.6}.build-note{left:12px;bottom:9px;gap:8px;padding:9px 12px;font-size:12px;transform:rotate(-4deg);max-width:220px}.build-note>span{font-size:29px}.build-note b{font-size:12px}.drag-hint{right:12px;bottom:3px;font-size:12px;gap:4px}.drag-hint>span{font-size:18px}.build-controls{display:block;padding:12px}.build-tabs{justify-content:space-between;gap:2px;padding-bottom:11px;border-bottom:1px solid #ebedf4}.build-tab{font-size:12px;gap:5px;padding:11px 10px}.build-tools{margin-top:9px;justify-content:space-between;gap:8px}.device-switch button{font-size:12px;min-height:44px;padding-inline:12px}.demo-color{width:44px;min-width:44px;height:44px;border-width:12px}.angle-control{display:none}.build-caption{padding:13px 15px;gap:14px;border-radius:0 0 12px 12px}.build-caption>span:last-child{display:none}.build-caption-text{font-size:12px;line-height:1.7}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px 0;font-size:12px}.hero-bottom>span:before{margin-right:6px}.build-workbench[data-device=mobile] .site-window{width:225px;left:calc(50% - 112px);height:330px;top:20px;transform:rotateY(calc(var(--build-angle) + var(--pointer-x)))}.build-workbench[data-device=mobile] .mini-nav{height:40px;padding:12px}.build-workbench[data-device=mobile] .mini-layout{height:230px}.build-workbench[data-device=mobile] .mini-photograph{height:113px}.build-workbench[data-device=mobile] .mini-copy{height:117px;padding:12px 16px}.build-workbench[data-device=mobile] .mini-copy h2{font-size:26px;line-height:1;margin:0}.build-workbench[data-device=mobile] .mini-kicker{display:none}.build-workbench[data-device=mobile] .mini-button{margin-top:7px}.build-workbench[data-device=mobile] .mini-feature-row{height:30px;font-size:12px}.build-workbench[data-device=mobile] .build-note{opacity:0}.wireframe-layer,.code-layer{top:29px}.wireframe-layer{padding:13px;grid-template-rows:27px 1fr 27px;gap:8px}.wireframe-layer section{gap:8px}.wireframe-layer section>div{padding:10px}.wireframe-layer b{font-size:21px}.wireframe-layer p{font-size:12px;line-height:1.5;margin:5px 0}.wireframe-layer footer{font-size:12px;letter-spacing:-.05em}.code-layer{padding:25px 13px;font-size:12px;line-height:2.1;overflow:hidden}.code-layer>div{white-space:nowrap}.code-layer>div>span{width:17px}.code-layer p{margin-top:15px;padding-top:13px}.code-layer p b{display:none}.build-workbench[data-device=mobile] .code-layer{padding:23px 11px;line-height:2.6}.build-workbench[data-device=mobile] .wireframe-layer b{font-size:18px}.studio-tabs{grid-template-columns:1fr 1fr;margin-bottom:30px}.studio-tab{font-size:14px;padding:17px 0;gap:10px;min-height:60px}.studio-tab i{margin-right:12px}.studio-panel{grid-template-columns:1fr;gap:30px}.studio-copy{padding:0}.studio-copy h3{font-size:33px;margin-bottom:22px}.studio-copy .eyebrow{margin-bottom:20px}.studio-copy p{font-size:14px}.studio-copy .secondary-link{margin-top:20px}.studio-demo{height:350px}.studio-image-label{padding:28px}.studio-image-label>strong{font-size:45px}.stage-caption{font-size:12px;letter-spacing:-.03em;left:16px}.flow-app{padding:22px 17px}.flow-body{gap:10px}.flow-header{padding-bottom:16px}.flow-columns{gap:10px}.flow-columns article{padding:10px}.flow-app>footer{font-size:12px;letter-spacing:-.04em}.search-concept{padding:30px 19px}.search-answer h4{font-size:25px}.search-map{padding:20px 0;gap:8px}.search-map b{padding:7px}.examples-grid{grid-template-columns:1fr;gap:35px}.example-card:first-child{grid-row:auto}.example-card:first-child .example-art{aspect-ratio:1.2}.example-card:nth-child(2){margin-top:0}.example-art{aspect-ratio:1.4}.example-art .project-word{font-size:32px;left:23px;top:23px}.example-card:first-child .project-word{font-size:42px}.example-info{padding-top:20px}.example-info h3{font-size:27px}.examples-grid>.example-card:nth-child(3){display:block;grid-column:auto}.example-card:nth-child(3) .example-art{aspect-ratio:1.4}.example-card:nth-child(3) .example-info{padding-top:20px;max-width:none}.engineering-layout{grid-template-columns:1fr;gap:38px}.quality-list>article{gap:20px;padding:25px 0}.quality-list h3{font-size:25px}.quality-list p{font-size:14px}.quality-list>article>i{font-size:25px}.scope-grid,.sample-deliverable{grid-template-columns:1fr;gap:23px}.scope-card,.sample-deliverable{padding:26px}.scope-card h3{font-size:26px}.service-visual>img{height:310px}.service-visual figcaption{padding:16px 20px;flex-wrap:wrap;gap:6px}.service-visual .flow-app{height:350px;padding:25px 20px}.service-search{padding:24px 20px;height:365px}.sample-deliverable h3{font-size:26px}.calculator:not([data-step="2"]) .calc-summary{display:none}.calculator[data-step="2"] .calc-summary{grid-row:1}.calculator[data-step="2"] .calc-form{grid-row:2}.quote-progress li{font-size:12px}.quote-step>h3{font-size:24px}.purpose-field{padding:22px}.quote-options{padding:17px}.quote-options .calc-block{padding:17px}.quote-navigation .btn{font-size:13px;padding:13px 15px;gap:10px}.measurement-choice>.wrap{display:block}.measurement-actions{min-width:0;margin-top:20px}.main-nav{max-height:calc(100dvh - 80px);overflow-y:auto}}
@media(max-width:390px){.hero-summary .text-link{display:none}.hero-intro h1{font-size:36px}.hero-intro h1 em{font-size:.9em}.build-tab{padding-inline:7px}.build-tab>span{display:none}.workbench-top{font-size:12px;letter-spacing:-.035em}.mini-copy h2{font-size:25px}.mini-copy p{display:none}.mini-copy{padding:23px 12px}.mini-button{margin-top:12px}.phone-window{right:0;bottom:35px;width:96px;height:217px}.build-note{max-width:195px}.build-note b{font-size:12px}.hero-bottom{gap:12px;font-size:12px;letter-spacing:-.025em}.flow-columns article>i{display:none}.studio-image-label>strong{font-size:40px}.search-answer h4{font-size:22px}.search-answer>div{gap:9px}.stage-caption{font-size:12px;letter-spacing:-.05em}.sample-deliverable h3{font-size:24px}}
#quote-summary-title{scroll-margin-top:110px}#quote-summary-title:focus{outline:none}.summary-lines:empty{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.soft-reveal.is-visible{animation:none}*,*:before,*:after{transition:none!important;animation:none!important}.site-window,.phone-window,.stage-inner{will-change:auto}}
.pricing-invitation{background:#e9edff}.pricing-invitation-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:130px;align-items:center}.pricing-invitation-grid>div>p:not(.eyebrow){font-size:15px;color:#657086;max-width:430px;margin-top:27px}.price-preview{background:#fff;border:1px solid #d9e0f5;border-radius:18px;padding:40px 43px;box-shadow:0 16px 50px #445b9610;position:relative}.price-preview:after{content:'↗';position:absolute;right:35px;top:26px;color:#b4c4f7;font-size:35px}.price-preview>span{font-size:12px;letter-spacing:.05em;color:#657086}.price-preview>div{font-size:65px;line-height:1.25;letter-spacing:-.06em;color:var(--blue);margin:22px 0 4px}.price-preview>div>small{font-size:18px;letter-spacing:-.02em}.pricing-invitation-grid .price-preview>p{font-size:12px;margin-top:0}.price-preview ul{list-style:none;padding:0;margin:22px 0 27px}.price-preview li{font-size:14px;padding:10px 0;border-bottom:1px solid #e9edf7;color:#657086}.price-preview li:before{content:'✓';color:var(--blue);margin-right:12px}.price-preview .btn{width:100%}.pricing-invitation-grid .price-preview>p.fine-print{margin-top:18px;max-width:100%}.brand>span{font-size:12px;letter-spacing:0;line-height:1.65}.hero-intro .eyebrow:before{width:7px;height:7px}.site-header .main-nav{gap:23px}
@media(max-width:1150px){.pricing-invitation-grid{gap:70px}.price-preview{padding:33px}.site-header .main-nav{gap:17px}.header-inner{gap:22px}.brand>span{display:none}}
@media(max-width:900px){.site-header .main-nav{gap:14px}.price-preview{padding:30px}.pricing-invitation-grid{gap:40px}.header-cta{font-size:12px}}
@media(max-width:780px){.pricing-invitation-grid{grid-template-columns:1fr;gap:35px}.price-preview{padding:28px}.price-preview>div{font-size:59px}.site-header .main-nav{gap:0}.header-cta{font-size:12px;padding:12px 16px;gap:12px}.pricing-invitation-grid>div>p:not(.eyebrow){font-size:14px}.section-head>div{max-width:100%}.section-head h2{font-size:clamp(32px,7vw,46px)}}
.example-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#101b3a36,transparent 42%,transparent 73%,#101b3a29)}.project-word,.project-number,.project-label{z-index:1}.build-workbench{background:color-mix(in srgb,var(--demo-accent) 11%,#f6f8ff)}.mini-copy h2{color:color-mix(in srgb,var(--demo-accent) 28%,#171c2c)}.phone-copy strong{color:color-mix(in srgb,var(--demo-accent) 28%,#171c2c)}

.cta-narrow{display:none}@media(max-width:390px){.header-cta .cta-wide{display:none}.header-cta .cta-narrow{display:inline}.header-cta{padding:11px 12px;gap:9px}.header-inner{gap:11px}.device-switch button{padding-inline:8px}.demo-color{width:34px;min-width:34px;height:40px;border-width:9px}.build-tools{gap:3px}.build-controls{padding-inline:10px}}

/* ADF source: professional-global.css */
/* ADF Medya — shared agency system. Loaded after the legacy layout styles. */
:root {
  --bg: #fff;
  --paper: #f6f7fa;
  --ink: #101a2c;
  --text: #172034;
  --muted: #606b7d;
  --line: #e0e5ed;
  --blue: #4568ff;
  --panel: #fff;
}
body { font-family: Manrope, Arial, sans-serif; font-size: 15px; line-height: 1.8; }
h1, h2, h3, h4 { font-weight: 650; letter-spacing: -.045em; }
h1 em, h2 em { font-family: inherit; font-style: normal; font-weight: inherit; color: var(--blue); }
h2 { font-size: clamp(32px, 3.7vw, 50px); line-height: 1.14; }
.section { padding: 96px 0; }
.section.light { background: #f6f7fa; }
.section-head { gap: 64px; margin-bottom: 44px; }
.section-head p:not(.eyebrow) { font-size: 15px; line-height: 1.85; color: var(--muted); }
.eyebrow { color: #5d6c85; font-size: 12px; font-weight: 700; letter-spacing: .09em; margin-bottom: 20px; }
.eyebrow:before { width: 5px; height: 5px; border-radius: 1px; background: var(--blue); }
.lead { line-height: 1.85; color: var(--muted); }
.btn { border-radius: 8px; min-height: 52px; gap: 22px; padding: 15px 22px; background: var(--blue); border-color: var(--blue); font-size: 14px; font-weight: 650; }
.btn:hover { background: #3152e6; border-color: #3152e6; transform: translateY(-1px); }
.btn.ghost { color: var(--ink); border-color: #cfd6e2; background: #fff; }
.btn.ghost:hover { background: #f0f3fa; border-color: #adb9ce; }
.btn.dark { background: var(--ink); border-color: var(--ink); color: #fff; }
.btn.dark:hover { background: #24324a; border-color: #24324a; }
.text-link { gap: 18px; border-color: #b5bfce; font-size: 14px; font-weight: 650; }
.text-link:hover { color: #304fd2; border-color: #304fd2; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline-color: #4568ff; }

/* A quiet, legible navigation keeps the official PNG identity intact. */
.site-header { background: rgba(255, 255, 255, .98); border-bottom: 1px solid #e7ebf1; backdrop-filter: blur(14px); }
.header-inner { height: 94px; gap: 28px; }
.brand { gap: 16px; }
.brand img { width: 92px; height: 69px; }
.brand>span { color: #667185; border-color: #dfe4ec; padding-left: 16px; font-size: 12px; line-height: 1.65; font-weight: 650; }
.main-nav { gap: 23px; }
.main-nav a { color: #3c475c; font-size: 13px; font-weight: 550; }
.main-nav a:hover, .main-nav a[aria-current=page] { color: #304fd2; }
.main-nav a[aria-current=page]:after { width: 18px; height: 2px; border-radius: 0; left: calc(50% - 9px); bottom: -8px; }
.header-cta { min-height: 46px; font-size: 13px; padding: 12px 18px; gap: 17px; }
.menu-toggle { border-radius: 7px; border-color: #dfe4ec; background: #fff; flex-shrink: 0; }
.reading-progress { top: 93px; background: #4568ff; }

/* Inner pages share one restrained editorial hierarchy. */
.page-hero { padding: 30px 0 68px; background: #f6f7fa; border-color: #e2e7ee; }
.breadcrumbs { font-size: 12px; color: #737e90; margin-bottom: 46px; }
.breadcrumbs a { color: #43516b; }
.page-hero h1 { font-size: clamp(40px, 4.6vw, 66px); line-height: 1.1; max-width: 990px; }
.page-hero .eyebrow { color: #5c6d88; }
.page-hero .lead { font-size: 16px; margin-top: 26px; max-width: 660px; }
.page-split { gap: 64px; }
.page-split h1 { font-size: clamp(36px, 3.8vw, 54px); }
.page-split>img, .split-showcase>img, .showcase-figure img { border-radius: 10px; }
.service-row { padding: 31px 4px; border-color: #e1e6ee; gap: 28px; }
.service-row h3 { font-size: 27px; font-weight: 600; }
.service-row p { font-size: 14px; line-height: 1.75; }
.service-row:hover { padding-inline: 14px; background: #f7f9fc; }
.round-arrow { width: 44px; height: 44px; border-radius: 8px; border-color: #d4dce7; font-size: 23px; }
.numbered-grid { gap: 28px; }
.detail-card { border-top: 2px solid #dde4ef; padding: 25px 12px 8px 0; }
.detail-card .num { color: #4568ff; margin-bottom: 27px; font-weight: 650; }
.detail-card h3 { font-size: 24px; line-height: 1.25; margin-bottom: 18px; }
.detail-card p { font-size: 14px; line-height: 1.85; }
.scope-card { border: 1px solid #e1e6ee; border-radius: 10px; background: #fafbfc; padding: 30px; }
.scope-card h3 { font-size: 24px; }
.scope-card li { color: #5e6a80; border-color: #e1e6ee; }
.sample-deliverable { border-radius: 10px; background: #142239; padding: 32px; }
.sample-deliverable .eyebrow { color: #b1c0df; }
.sample-deliverable p, .sample-deliverable ol { color: #c0cce1; }
.sample-deliverable li { border-color: #34435a; }
.service-visual { border: 1px solid #e0e6ef; border-radius: 10px; background: #eef2f8; }
.service-visual figcaption { padding: 17px 21px; color: #626f85; }
.service-visual figcaption strong { color: #3e5bd1; }
.notice { background: #f0f4ff; border-color: #4568ff; color: #4e5f7c; border-radius: 0 6px 6px 0; }
.check-list li { border-color: #e0e6ee; }
.check-list li:before { color: #4568ff; }

/* Pricing remains directly comparable, with one clearly featured package. */
.pricing-grid { gap: 18px; align-items: stretch; }
.price-card { border: 1px solid #dfe5ee; border-radius: 10px; padding: 51px 25px 26px; background: #fff; box-shadow: none; }
.price-card h3 { font-size: 25px; letter-spacing: -.035em; margin-bottom: 16px; }
.price-card>p { color: #667186; font-size: 13px; line-height: 1.8; }
.price-card .popular { color: #4568ff; font-family: Manrope, Arial, sans-serif; font-size: 12px; font-weight: 700; left: 25px; letter-spacing: .06em; }
.price-card .amount { font-size: 37px; font-weight: 650; }
.price-card .period { color: #69758b; }
.price-card li { border-color: #e7ebf1; font-size: 13px; }
.price-card li:before { content: '✓'; color: #4568ff; font-size: 12px; }
.price-card .btn { min-height: 48px; font-size: 13px; padding: 13px 12px; gap: 10px; }
.price-card.featured { background: #15233d; border-color: #15233d; color: #fff; }
.price-card.featured .popular { color: #afc0ff; }
.price-card.featured>p, .price-card.featured .period { color: #c2cce0; }
.price-card.featured li { border-color: #36435b; }
.price-card.featured li:before { color: #9fb3ff; }
.price-card.featured .btn { background: #4568ff; color: #fff; border-color: #4568ff; }
.price-card.featured .btn:hover { background: #5a79ff; border-color: #5a79ff; }
.monthly-card { border-radius: 10px; border-color: #e0e6ef; background: #f8f9fc; padding: 27px; }
.monthly-card h4 { font-size: 18px; font-weight: 650; }
.monthly-card .monthly-price { color: #243754; font-size: 26px; }
.monthly-heading h3 { font-size: 25px; }
.price-details { border-color: #dfe6ef; }
.price-details>summary { font-weight: 600; }
.price-table { font-size: 14px; }
.price-table thead { background: #f2f5fa; }
.price-preview { border: 1px solid #dce3ee; border-radius: 10px; box-shadow: none; }
.pricing-invitation { background: #f7f8fa; }

/* Forms are flat, spacious and calm; summary contrast matches the hero. */
.calculator { gap: 36px; }
.calc-block { border: 1px solid #dfe5ee; background: #fff; border-radius: 9px; padding: 27px; }
.calc-block legend { font-size: 13px; color: #33445e; font-weight: 650; }
.calc-summary { background: #15233d; border: 1px solid #15233d; border-radius: 10px; padding: 30px; top: 116px; }
.calc-summary h3 { font-size: 29px; }
.calc-summary .eyebrow { color: #b4c4ef; }
.calc-summary .eyebrow:before { background: #99b0ff; }
.calc-summary .total { border-color: #3c4b64; }
.calc-summary .total strong { font-size: 37px; color: #fff; }
.calc-summary .total span, .calc-summary .small, .calc-summary .quote-note, .calc-summary .summary-lines>div>span { color: #becbe0; }
.calc-summary .summary-row { border-color: #3c4b64; }
.calc-summary .custom-quote { color: #c1d1ff; }
.calc-summary .custom-only { color: #d2deff!important; border-color: #3c4b64; }
.calc-summary .btn { background: #4568ff; color: #fff; border-color: #4568ff; border-radius: 8px; }
.calc-summary .btn:hover { background: #5a79ff; }
.calc-summary .btn.ghost { background: transparent; border-color: #667692; color: #fff; }
.calc-summary .btn.ghost:hover { background: #243550; border-color: #8394b1; }
.calc-summary button { border-radius: 8px; }
.field label { color: #3d4a61; font-size: 13px; font-weight: 600; }
.field input, .field select, .field textarea, .search-input { border: 1px solid #cfd8e5; border-radius: 6px; background: #fff; color: #1d2b43; box-shadow: none; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: #a9b7cd; }
.field input:focus, .field select:focus, .field textarea:focus, .search-input:focus { border-color: #4568ff; }
.check-field { border-color: #e7ecf3; }
.check-field>input { accent-color: #4568ff; }
.check-field small { color: #69768b; }
.purpose-field { background: #f3f6fc; border: 1px solid #dce5f5; border-radius: 8px; }
.purpose-field label { color: #243653; font-size: 16px; }
.quote-options { border-color: #e0e6ef; border-radius: 8px; background: #f8f9fc; }
.quote-progress li { font-family: Manrope, Arial, sans-serif; border-color: #dbe2ed; color: #65748c; font-size: 12px; }
.quote-progress [aria-current=step] { color: #3456da; border-color: #4568ff; font-weight: 650; }
.quote-navigation { border-color: #dde5ef; }
.quote-navigation>p { color: #3c58bd; }
.contact-form { background: #f7f9fc; border: 1px solid #dfe6ef; border-radius: 10px; padding: 36px; }
.contact-info h2 { font-size: 36px; }
.contact-info .phone { font-size: clamp(27px, 3vw, 39px); color: #203553; font-weight: 600; }
.contact-aside { border-color: #dfe6ef; }
.status, .contact-form .status { color: #3153bd; }

/* Content cards and article pages use the same type and edges. */
.blog-grid { gap: 30px; }
.blog-card .cover { border-radius: 8px; border: 1px solid #e0e6ef; aspect-ratio: 1.55; margin-bottom: 21px; }
.blog-card h3 { font-size: 23px; line-height: 1.35; font-weight: 600; letter-spacing: -.035em; }
.blog-card>p { font-size: 14px; line-height: 1.85; color: #677286; }
.meta-line { font-size: 12px; font-family: Manrope, Arial, sans-serif; letter-spacing: .05em; color: #6c7890; }
.filter-button { border-radius: 6px; border-color: #d4deeb; color: #4a5e7d; min-height: 44px; }
.filter-button[aria-pressed=true] { background: #15233d; border-color: #15233d; color: #fff; }
.article-head h1 { font-size: clamp(36px, 4.2vw, 60px); line-height: 1.15; }
.article-meta { color: #66758b; }
.article-cover { border-radius: 8px; }
.article-side nav a { border-color: #d7e0ec; color: #526680; }
.article-side nav a:hover { color: #3657d4; border-color: #4568ff; }
.article-body { color: #46576f; font-size: 16px; line-height: 1.95; }
.article-body h2 { color: #15233d; font-weight: 650; font-size: 30px; }
.article-body a { color: #3554c7; }
.article-callout { background: #f0f4fc; border-color: #4568ff; border-radius: 0 6px 6px 0; }
.share-article, .tags span { border-radius: 6px; border-color: #d4deea; }
.about-manifesto { font-size: clamp(30px, 3.6vw, 48px); color: #1c2e4b!important; line-height: 1.45; font-weight: 550; }
.about-manifesto span { color: #4568ff; }
.about-values>div { border-color: #dbe3ed; }
.about-values h3 { font-size: 23px; }
.about-photo, .brand-art { border-radius: 10px; }
.brand-art { background: #f3f6fb; }
.quality-list>article { border-color: #dce3ed; }
.quality-list h3 { font-size: 25px; line-height: 1.25; }
.quality-list>article>i { color: #4568ff; font-size: 25px; }
.process-item { border-top: 2px solid #dce3ed; padding-top: 28px; }
.process-item .step>span:last-child { background: #eaf0ff; color: #3553af; border-radius: 5px; padding: 4px 10px; }
.process-item h3 { font-size: 25px; }
.process-note { color: #66748a; }
.faq details { border-color: #e0e6ef; }
.faq summary { font-size: 16px; font-weight: 600; }
.faq details p { color: #65738a; line-height: 1.85; }
.toast { border-radius: 8px; background: #15233d; border-color: #42536d; }

/* A single, dark final invitation continues into the footer. */
.closing { background: #101a2c; color: #fff; padding: 78px 0; border-bottom: 1px solid #2b3548; }
.closing:after { content: none; }
.closing h2 { font-size: clamp(34px, 4vw, 56px); line-height: 1.14; max-width: 740px; }
.closing .eyebrow { color: #9faec7; }
.closing .eyebrow:before { background: #6d8aff; }
.closing .btn, .closing .btn.dark { color: #fff; background: #4568ff; border-color: #4568ff; border-radius: 8px; min-width: 215px; }
.closing .btn:hover, .closing .btn.dark:hover { background: #5a79ff; border-color: #5a79ff; }
.site-footer { background: #101a2c; color: #fff; padding: 58px 0 24px; }
.footer-main { gap: 48px; padding-bottom: 45px; }
.footer-logo { background: #fff; border-radius: 8px; width: 122px; height: 92px; padding: 8px; }
.footer-main h3 { font-size: 14px; font-weight: 650; color: #f0f4fc; letter-spacing: 0; margin-bottom: 22px; }
.footer-main a:not(:has(img)) { font-size: 13px; color: #aebbd0; margin-bottom: 12px; }
.footer-main a:hover { color: #fff; }
.footer-main p { color: #95a5be; font-size: 13px; line-height: 1.85; }
.footer-bottom { border-color: #2b3548; color: #95a5be; font-size: 12px; padding-top: 22px; }

@media (max-width: 1100px) {
  .header-inner { gap: 22px; }
  .main-nav { gap: 18px; }
  .brand>span { display: none; }
  .section-head { gap: 38px; }
  .page-split { gap: 38px; }
  .calculator { gap: 26px; }
  .calc-summary { padding: 26px; }
  .footer-main { gap: 30px; }
}
@media (max-width: 900px) {
  .main-nav { gap: 15px; }
  .main-nav a { font-size: 12px; }
  .header-cta { font-size: 12px; padding-inline: 14px; }
}
@media (max-width: 780px) {
  .section { padding: 68px 0; }
  .section-head { margin-bottom: 32px; gap: 25px; }
  .section-head h2 { margin-bottom: 21px; }
  h2 { font-size: 34px; }
  .section-head p:not(.eyebrow) { font-size: 14px; }
  .header-inner { height: 80px; gap: 13px; }
  .brand img { width: 75px; height: 57px; }
  .header-cta { min-height: 43px; padding: 11px 14px; gap: 12px; }
  .main-nav { top: 80px; background: #fff; border-bottom: 1px solid #dfe5ee; gap: 0; }
  .main-nav a { font-size: 15px; padding: 13px 4px; }
  .main-nav a[aria-current=page]:after { display: none; }
  .reading-progress { top: 79px; }
  .page-hero { padding: 25px 0 45px; }
  .breadcrumbs { margin-bottom: 30px; }
  .page-hero h1, .page-split h1 { font-size: clamp(36px, 8vw, 50px); }
  .page-hero .lead { font-size: 15px; margin-top: 23px; }
  .page-split { gap: 30px; }
  .service-row { padding: 26px 2px; gap: 15px; }
  .service-row:hover { padding-inline: 4px; }
  .service-row h3 { font-size: 23px; }
  .service-row p { font-size: 13px; }
  .service-row .round-arrow { width: 37px; height: 37px; }
  .detail-card { padding: 23px 2px 10px; }
  .scope-card, .sample-deliverable { padding: 25px; }
  .service-visual figcaption { padding: 15px 17px; }
  .price-card { padding: 49px 25px 26px; }
  .price-card .amount { font-size: 37px; }
  .calculator { gap: 20px; }
  .calc-summary { position: static; padding: 27px; }
  .calc-block { padding: 23px; }
  .field input, .field select, .field textarea, .search-input { font-size: 16px; }
  .contact-form { padding: 25px; }
  .contact-info h2 { font-size: 32px; }
  .blog-card h3 { font-size: 24px; }
  .article-head h1 { font-size: clamp(34px, 7.7vw, 50px); }
  .article-body { font-size: 15px; }
  .article-body h2 { font-size: 27px; }
  .quality-list h3, .process-item h3 { font-size: 24px; }
  .closing { padding: 58px 0; }
  .closing .wrap { gap: 28px; }
  .closing h2 { font-size: 37px; }
  .site-footer { padding-top: 46px; }
  .footer-main { gap: 32px 24px; padding-bottom: 34px; }
  .footer-logo { width: 105px; height: 80px; }
  .footer-bottom { gap: 15px; }
}
@media (max-width: 480px) {
  .btn { min-height: 49px; font-size: 13px; padding: 14px 18px; gap: 18px; }
  .header-cta { min-height: 43px; font-size: 12px; padding: 11px 13px; gap: 11px; }
  .header-inner { gap: 10px; }
  .closing h2 { font-size: 34px; }
  .calc-summary .total strong { font-size: 35px; }
  .contact-info .phone { font-size: 29px; }
}

/* ADF source: professional-home.css */
/* ADF / focused digital agency presentation */
.professional-hero{background:#10182a;color:#f7f9ff;overflow:hidden;position:relative;padding:74px 0 0}
.professional-intro{display:grid;grid-template-columns:.95fr 1.15fr;gap:60px;align-items:center;padding-bottom:68px}
.professional-copy .eyebrow:before{display:none}
.professional-copy .eyebrow{color:#b5c2de;font-size:12px;letter-spacing:.075em;display:flex;align-items:center;gap:10px;margin-bottom:26px}
.live-dot{height:6px;width:6px;border-radius:100%;background:#87abff;box-shadow:0 0 0 5px #87abff12;flex-shrink:0}
.professional-copy h1{font-size:clamp(54px,5.4vw,78px);line-height:1.06;font-weight:600;letter-spacing:-.055em;color:#fff;margin:0}
.professional-copy h1>span{color:#9eb9ff}
.professional-copy .hero-description{font-size:16px;line-height:1.9;max-width:430px;color:#b7c1d3;margin:27px 0 0}
.professional-copy .actions{margin-top:30px;gap:24px;align-items:center}
.professional-copy .btn{background:#4568ff;border-color:#4568ff;color:white;padding:17px 22px;border-radius:7px;font-size:14px;gap:26px}
.professional-copy .btn:hover{background:#3456ef;border-color:#3456ef;transform:translateY(-2px)}
.professional-copy .text-link{color:#eff3ff;border-color:#748098;font-size:13px;gap:16px;padding-bottom:6px}
.hero-assurance{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:36px;color:#a6b5d0;font-size:12px}
.hero-assurance>span:before{content:'✓';color:#9eb9ff;margin-right:7px}
.hero-visual{min-width:0;padding-top:10px}
.visual-title{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;letter-spacing:.075em;color:#a5b2ce;margin-bottom:16px}
.visual-tag{padding:5px 9px;border:1px solid #39465e;border-radius:4px;color:#d5dff2;letter-spacing:0;white-space:nowrap}
.professional-hero .build-workbench{border:1px solid #34415c;background:#1b2842;border-radius:12px;box-shadow:0 35px 80px #04091b40;--demo-accent:#2345eb}
.professional-hero .build-tabs{padding:11px 15px;border-bottom:1px solid #35425b;gap:7px;background:#1b263d;border-radius:12px 12px 0 0;display:flex}
.professional-hero .build-tab{color:#b2bfd6;background:transparent;border-radius:5px;padding:8px 14px;min-height:38px;font-size:12px;gap:10px;flex:1;justify-content:center}
.professional-hero .build-tab span{color:#8290ac;font-size:12px}
.professional-hero .build-tab[aria-selected=true]{color:#f4f7ff;background:#344568}
.professional-hero .build-tab[aria-selected=true] span{color:#b6caff}
.professional-hero .build-scene{height:356px;perspective:1200px;overflow:hidden;border-radius:0;background:radial-gradient(ellipse at 70% 25%,#3e557a,#22324d 72%);color:#152039}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#b7caff0a 1px,transparent 1px),linear-gradient(90deg,#b7caff0a 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent,#000)}
.professional-hero .site-window{top:35px;left:6%;width:88%;height:270px;border-radius:7px;box-shadow:-12px 25px 30px #070f2466,0 0 0 1px #b6c4e5;transform:rotateX(calc(7deg + var(--pointer-y))) rotateY(calc(-8deg + var(--build-angle) + var(--pointer-x))) rotateZ(-2deg)}
.professional-hero .window-head{height:26px;padding:0 12px;font-size:12px;background:#f1f3f7;color:#7d8797;border-color:#dce0e8}
.professional-hero .window-dots i{height:4px;width:4px;background:#a1abbc}
.professional-hero .preview-surface{background:#f3f0e9;height:calc(100% - 26px)}
.professional-hero .mini-nav{padding:13px 19px;height:48px;gap:12px;color:#172432;border-color:#d3d1c8}
.professional-hero .mini-nav>b{font-size:21px;letter-spacing:.12em;font-weight:500}
.professional-hero .mini-nav>b>span{letter-spacing:0;font-size:12px}
.professional-hero .mini-nav>span{font-size:12px;color:#536166}
.professional-hero .mini-nav>i{font-size:12px;color:#31464c;margin-left:auto}
.professional-hero .mini-layout{height:171px;grid-template-columns:1fr 1fr}
.professional-hero .mini-copy{padding:18px 20px}
.professional-hero .mini-kicker{font-size:12px;letter-spacing:.025em;color:#6e766d}
.professional-hero .mini-copy h2{font-family:Georgia,serif!important;font-size:29px;line-height:1.08;font-weight:400;letter-spacing:-.045em;color:#24352e;margin:9px 0 0}
.professional-hero .mini-copy p{font-size:12px;line-height:1.5;margin:9px 0;color:#647064}
.professional-hero .mini-button{font-size:12px;background:var(--demo-accent);color:#fff;padding:6px 8px;border:0;border-radius:2px}
.professional-hero .mini-photograph{height:171px;object-position:center}
.professional-hero .mini-feature-row{height:25px;font-size:12px;padding:0 16px;color:#5d6c63;border-color:#d7dbd5;gap:8px}
.preview-label{position:absolute;bottom:22px;left:18px;border:1px solid #bacce8;background:#edf3ff;color:#26385c;border-radius:6px;padding:10px 13px;display:flex;gap:11px;align-items:center;box-shadow:0 8px 16px #08142c25;pointer-events:none}
.preview-check{background:#d7e4fd;color:#2345a1;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:15px}
.preview-label b{display:block;font-size:12px;font-weight:700}.preview-label div>span{display:block;font-size:12px;color:#617390;margin-top:1px}
.professional-hero .drag-hint{right:15px;bottom:25px;color:#b5c5df;font-size:12px;gap:7px}.professional-hero .drag-hint>span{font-size:21px}
.professional-hero .build-controls{background:#172239;padding:9px 14px;gap:12px;border-color:#35425b}
.professional-hero .device-switch{border-radius:4px;padding:2px;background:#24334e}
.professional-hero .device-switch button{color:#c5cfe1;border-radius:3px;font-size:12px;min-height:34px;padding:6px 10px}
.professional-hero .device-switch [aria-pressed=true]{background:#edf2ff;color:#20324e;box-shadow:none}
.professional-hero .build-tools{gap:10px}.professional-hero .demo-color{width:32px;min-width:32px;height:34px;border-width:9px;border-color:#172239}
.professional-hero .demo-color[aria-pressed=true]:after{border-color:#d4e1f9;inset:-4px}
.professional-hero .angle-control{gap:6px;color:#bdcbe3;font-size:12px}.professional-hero .angle-control input{width:47px;height:24px;accent-color:#9eb9ff}
.professional-hero .build-caption{font-size:12px;color:#aebcd7;background:#172239;border-color:#2c3c58;border-radius:0 0 12px 12px;padding:12px 17px;line-height:1.5}
.demo-disclosure{font-size:12px;color:#8292af;margin:11px 0 0;line-height:1.5}
.professional-hero .wireframe-layer,.professional-hero .code-layer{inset:26px 0 0}
.professional-hero .wireframe-layer{padding:14px;grid-template-rows:27px 1fr 25px;gap:9px}
.professional-hero .wireframe-layer section{gap:12px}.professional-hero .wireframe-layer section>div{padding:14px}
.professional-hero .wireframe-layer b{font-size:23px}.professional-hero .wireframe-layer p,.professional-hero .wireframe-layer section>div>span{font-size:12px}
.professional-hero .code-layer{padding:22px 20px;font-size:12px;line-height:2.1}.professional-hero .code-layer p{margin-top:12px;padding-top:10px;font-size:12px}
.professional-hero .build-workbench[data-device=mobile] .site-window{height:310px;top:18px;width:213px;left:calc(50% - 106px);transform:rotateY(calc(var(--build-angle) + var(--pointer-x))) rotateX(var(--pointer-y))}
.professional-hero .build-workbench[data-device=mobile] .mini-nav{height:40px;padding:7px 13px}
.professional-hero .build-workbench[data-device=mobile] .mini-layout{height:221px}
.professional-hero .build-workbench[data-device=mobile] .mini-photograph{height:99px;object-position:center 43%}
.professional-hero .build-workbench[data-device=mobile] .mini-copy{height:122px;padding:10px 16px}
.professional-hero .build-workbench[data-device=mobile] .mini-copy h2{font-size:24px;margin-top:5px}
.professional-hero .build-workbench[data-device=mobile] .mini-button{margin-top:7px;padding:4px 6px}
.professional-hero .build-workbench[data-device=mobile] .mini-feature-row{height:23px;padding:3px 12px}
.professional-hero .build-workbench[data-device=mobile] .preview-label{opacity:0}
.professional-hero .build-workbench[data-device=mobile] .drag-hint{right:12px;bottom:10px;font-size:12px}
.professional-hero .build-workbench[data-device=mobile] .code-layer{font-size:12px;overflow:auto;white-space:nowrap;padding:16px 9px}
.professional-bottom{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr .6fr;align-items:center;border-top:1px solid #35405a;padding:28px 0 31px;gap:25px}
.professional-bottom>span{font-size:12px;line-height:1.8;color:#8f9eb9}.professional-bottom>span>strong{color:#c3cee1;font-size:13px;font-weight:500}
.professional-bottom>a{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#edf2ff;border-left:1px solid #35405a;padding-left:25px;min-height:40px}
.professional-bottom>a>i{font-style:normal;color:#8fa9df;font-size:18px}.professional-bottom>a:hover{color:#a3bdff}
.services-section{background:#fff;padding:100px 0}.services-section .section-head{margin-bottom:35px}.services-section .section-head h2{font-size:clamp(36px,3.6vw,50px);line-height:1.15;letter-spacing:-.045em}.services-section .section-head h2 em{font:inherit;color:#7b89a0}
.studio-tabs{border:1px solid #dee3ed;background:#f7f9fc;border-radius:8px;padding:6px;gap:6px;margin-bottom:40px}
.studio-tab{padding:15px;border:0;border-radius:4px;color:#617088;font-size:15px;gap:12px;margin:0;min-height:52px;font-weight:600}
.studio-tab>span{font-size:12px;color:#8490a4}.studio-tab>i{margin-right:0}
.studio-tab[aria-selected=true]{background:#172644;color:#fff;border:0}.studio-tab[aria-selected=true]>span{color:#9db8f4}
.studio-panel{gap:70px;grid-template-columns:.9fr 1.1fr}.studio-copy .eyebrow{font-size:12px;color:#4565b3;letter-spacing:.07em}
.studio-copy h3{font-size:35px;line-height:1.22;letter-spacing:-.035em;max-width:430px}
.studio-copy p{font-size:15px;line-height:1.85;color:#657086}.studio-tags>span{border-radius:4px;background:#f3f6fb;color:#5b6b85;border-color:#e2e7ef;padding:7px 10px}
.studio-copy .secondary-link{font-size:13px}.studio-stage{border:1px solid #dce3ee;border-radius:8px;background:#edf1f7}.studio-demo{border-radius:8px;height:365px}
.studio-image-label{padding:28px}.studio-image-label>strong{font-size:45px;font-weight:600}.stage-caption{font-size:12px;bottom:12px;left:20px}
.studio-stage[data-type=web] .stage-caption{color:#6b7890;text-shadow:none}
.web-delivery{background:#edf1f7;padding:20px;height:100%;color:#263d5b}.delivery-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6e7e96;margin-bottom:20px}.delivery-top i{font-style:normal}
.delivery-browser{background:#fff;border:1px solid #d7dfeb;border-radius:5px;box-shadow:0 14px 30px #18385e12;overflow:hidden}
.delivery-nav{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid #e2e8f1;font-size:12px}.delivery-nav b{font-size:16px}.delivery-nav>span{font-size:12px;color:#6e7b8d}
.delivery-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;padding:26px 20px}.delivery-layout>div:first-child>span{font-size:12px;color:#8591a3}.delivery-layout strong{display:block;font-size:24px;line-height:1.16;letter-spacing:-.04em;margin:11px 0 16px}.delivery-layout i{display:inline-block;font-style:normal;font-size:12px;color:white;background:#4568ff;padding:7px 11px;border-radius:3px}
.delivery-graphic{position:relative;min-height:135px;perspective:600px;display:grid;place-items:center}.delivery-graphic>div{position:absolute;width:85px;height:85px;transform:rotateX(53deg) rotateZ(-33deg);border:1px solid #8aa5e3;background:#c5d4ff;box-shadow:10px 10px 0 #a3b9ef}
.delivery-graphic>div:nth-child(1){top:8px;background:#496bdb;z-index:3;box-shadow:8px 8px 0 #3050b5}.delivery-graphic>div:nth-child(2){top:28px;z-index:2}.delivery-graphic>div:nth-child(3){top:48px;z-index:1;background:#e1e9fc}
.delivery-pages{display:flex;gap:10px;margin-top:18px}.delivery-pages>span{flex:1;background:#e4eaf5;border-radius:3px;padding:10px;font-size:12px;white-space:nowrap}.delivery-pages b{font-weight:500;color:#7b8ca9;margin-right:8px}
@media(min-width:1500px){.professional-intro{gap:85px}.professional-hero .build-scene{height:390px}.professional-hero .site-window{top:48px;height:290px}.professional-hero .mini-layout,.professional-hero .mini-photograph{height:191px}.professional-hero .mini-copy h2{font-size:34px}}
@media(max-width:1100px){.professional-intro{gap:35px;grid-template-columns:.9fr 1.1fr}.professional-copy h1{font-size:60px}.professional-copy .actions{gap:18px;flex-wrap:wrap}.professional-copy .btn{padding:14px 18px;font-size:13px}.professional-hero .mini-nav>span{display:none}.professional-hero .mini-copy{padding:16px 13px}.professional-hero .mini-copy h2{font-size:27px}.professional-hero .mini-kicker{font-size:12px;letter-spacing:-.04em}.professional-hero .mini-feature-row>span:last-child{display:none}.preview-label{left:12px;padding:8px 10px}.preview-label div>span{display:none}.professional-hero .drag-hint{right:12px;font-size:12px;bottom:25px}.studio-panel{gap:40px}.delivery-layout{padding:24px 16px;gap:6px}.delivery-layout strong{font-size:21px}.delivery-pages{gap:5px}.delivery-pages>span{padding:8px 6px}.delivery-pages b{margin-right:4px}.professional-bottom{gap:16px}.professional-bottom>a{padding-left:16px}}
@media(max-width:900px){.professional-intro{grid-template-columns:1fr 1fr;gap:25px}.professional-copy h1{font-size:52px}.professional-copy .hero-description{font-size:14px}.professional-copy .eyebrow{font-size:12px;letter-spacing:0}.professional-hero .build-tools{gap:4px}.professional-hero .angle-control{display:none}.professional-hero .mini-copy h2{font-size:25px}.professional-hero .mini-copy p{display:none}.professional-hero .mini-button{margin-top:13px}.professional-hero .build-scene{height:325px}.professional-hero .site-window{height:250px}.professional-hero .mini-layout,.professional-hero .mini-photograph{height:151px}.professional-hero .drag-hint{bottom:10px}.preview-label{bottom:16px}.visual-title{font-size:12px;letter-spacing:0}.professional-hero .build-tab{padding-inline:8px;gap:6px}.professional-bottom{grid-template-columns:repeat(4,1fr)}.professional-bottom>span{grid-column:1/-1;display:none}.professional-bottom>a:first-of-type{border-left:0;padding-left:0}.studio-tab{font-size:13px;padding:13px 10px;gap:8px}.studio-tab>i{display:none}.studio-panel{gap:28px}.studio-copy h3{font-size:30px}.delivery-layout strong{font-size:20px}.delivery-nav>span{display:none}}
@media(max-width:780px){.professional-hero{padding-top:42px}.professional-intro{display:flex;flex-direction:column;gap:35px;padding-bottom:35px;align-items:stretch}.professional-copy h1{font-size:clamp(46px,9.5vw,66px);line-height:1.07}.professional-copy .eyebrow{margin-bottom:22px;font-size:12px;letter-spacing:.025em}.professional-copy .hero-description{font-size:15px;max-width:530px;line-height:1.8;margin-top:22px}.professional-copy .actions{margin-top:25px;gap:21px}.professional-copy .btn{font-size:13px;padding:14px 18px;gap:20px}.hero-assurance{margin-top:24px;font-size:12px;gap:9px 16px}.hero-visual{padding:0;max-width:590px;width:100%;align-self:center}.visual-title{margin-bottom:12px}.professional-hero .build-scene{height:340px}.professional-hero .site-window{height:264px;top:33px}.professional-hero .mini-layout,.professional-hero .mini-photograph{height:165px}.professional-hero .mini-copy{padding:19px 18px}.professional-hero .mini-copy h2{font-size:29px}.professional-hero .mini-copy p{display:block;margin-top:9px}.professional-hero .mini-button{margin-top:0}.professional-hero .build-tab{font-size:12px;padding:8px;min-height:40px}.professional-hero .build-tabs{padding:7px}.professional-hero .build-controls{padding:8px 11px}.professional-hero .build-tools{gap:10px}.professional-hero .angle-control{display:flex}.preview-label{bottom:17px}.professional-hero .drag-hint{bottom:23px}.professional-bottom{grid-template-columns:repeat(2,1fr);padding:24px 0;gap:14px 22px}.professional-bottom>a{font-size:13px;padding-left:0;border-left:0;border-bottom:1px solid #2b3851;padding-bottom:10px}.professional-bottom>a>i{font-size:17px}.services-section{padding:70px 0}.services-section .section-head h2{font-size:36px}.studio-tabs{grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:30px}.studio-tab{font-size:13px;min-height:48px;padding:10px}.studio-tab>span{font-size:12px}.studio-panel{grid-template-columns:1fr;gap:30px}.studio-copy h3{font-size:30px;max-width:none;margin-bottom:18px}.studio-copy p{font-size:14px}.studio-tags{margin-bottom:22px}.studio-copy .secondary-link{margin-top:18px}.studio-stage{min-width:0}.studio-demo{height:350px}.delivery-layout{padding:26px 20px}.delivery-layout strong{font-size:25px}.delivery-nav>span{display:block}.delivery-pages{gap:8px}.delivery-pages>span{padding:9px}.studio-image-label>strong{font-size:40px}.stage-caption{font-size:12px;left:18px}}
@media(max-width:430px){.professional-copy h1{font-size:48px}.professional-copy .eyebrow{font-size:12px;letter-spacing:-.015em;gap:9px}.professional-copy .text-link{font-size:12px;gap:10px}.professional-copy .actions{gap:18px}.professional-copy .btn{font-size:12px;padding:13px 15px;gap:15px}.professional-hero .mini-copy{padding:15px 12px}.professional-hero .mini-copy h2{font-size:25px}.professional-hero .mini-copy p{display:none}.professional-hero .mini-button{margin-top:14px;font-size:12px;padding:5px 6px}.professional-hero .mini-kicker{font-size:12px;line-height:1.4;display:block}.professional-hero .mini-nav{padding:12px;height:45px}.professional-hero .mini-layout,.professional-hero .mini-photograph{height:151px}.professional-hero .site-window{height:247px}.professional-hero .build-scene{height:320px}.professional-hero .angle-control{display:none}.professional-hero .build-tools{gap:0}.professional-hero .device-switch button{padding:6px 8px;font-size:12px}.professional-hero .build-caption{font-size:12px;padding:10px 13px}.preview-label{bottom:15px;padding:7px 9px;gap:7px}.preview-check{width:22px;height:22px;font-size:13px}.preview-label b{font-size:12px}.professional-hero .drag-hint{font-size:12px;bottom:19px;right:12px;gap:4px}.professional-hero .drag-hint>span{font-size:18px}.professional-hero .build-workbench[data-device=mobile] .site-window{height:290px;top:13px}.professional-hero .build-workbench[data-device=mobile] .mini-layout{height:201px}.professional-hero .build-workbench[data-device=mobile] .mini-photograph{height:82px}.professional-hero .build-workbench[data-device=mobile] .mini-copy{height:119px}.professional-hero .build-workbench[data-device=mobile] .drag-hint{display:none}.professional-hero .wireframe-layer section>div{padding:8px}.professional-hero .wireframe-layer b{font-size:21px}.professional-hero .wireframe-layer p{display:none}.professional-hero .code-layer{font-size:12px;padding:18px 10px;white-space:nowrap;overflow:auto}.delivery-nav>span{display:none}.web-delivery{padding:17px}.delivery-layout{padding:24px 13px;gap:5px}.delivery-layout strong{font-size:22px}.delivery-pages>span{font-size:12px;padding:8px 5px}.delivery-pages b{display:none}.delivery-layout>div:first-child>span{font-size:12px}.delivery-graphic>div{height:70px;width:70px}.studio-demo{height:340px}.studio-copy h3{font-size:29px}}
@media(max-width:350px){.professional-copy h1{font-size:42px}.professional-copy .eyebrow{max-width:245px;line-height:1.6}.hero-assurance{gap:9px}.professional-hero .mini-copy h2{font-size:22px}.professional-hero .mini-kicker{font-size:12px}.professional-hero .mini-button{padding:4px;font-size:12px;letter-spacing:-.04em}.professional-hero .mini-copy{padding:12px 9px}.preview-label{display:none}.professional-hero .drag-hint{right:16px}.professional-hero .build-tab{gap:5px;padding:8px 4px}.professional-hero .build-controls{padding:8px}.professional-hero .demo-color{width:29px;min-width:29px}.visual-title{font-size:12px}.visual-title>span:first-child{max-width:180px}.studio-tab{padding:9px 7px;font-size:12px}.delivery-layout strong{font-size:20px}.delivery-top{font-size:12px;letter-spacing:-.04em}}

.professional-hero .build-caption>span{color:#b4c3df;white-space:normal}.professional-hero .demo-disclosure{color:#a2b0ca}.professional-copy .hero-description{color:#bdc8dc}

.professional-hero .angle-control{display:flex}
.professional-hero .build-caption>span{display:block}
@media(max-width:900px){.professional-hero .build-controls{flex-wrap:wrap}.professional-hero .build-tools{width:100%;justify-content:space-between}.professional-hero .angle-control input{width:110px}}
@media(min-width:781px) and (max-width:1100px){.professional-copy h1{font-size:clamp(49px,5.3vw,60px)}}

/* ADF source: showcase.css */
/* ADF concept cases: real interface compositions and bounded, working demos. */
.sc-examples{background:#f6f7f8}.sc-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}.sc-project-card{min-width:0}.sc-project-visual{display:block;background:#e4e8ed;border:1px solid #dfe4eb;border-radius:12px;padding:32px 28px;transition:background .2s}.sc-project-visual:hover{background:#dce3ee}.sc-project-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#657087;margin:19px 0 10px}.sc-project-card h3{font-size:23px;line-height:1.4;margin:0 0 15px}.sc-project-card h3 span{font-weight:450}.sc-project-card .text-link{font-size:12px}.sc-mockup{background:#fff;border:1px solid #cfd7e0;border-radius:7px;overflow:hidden;box-shadow:0 12px 25px #172d4810;container-type:inline-size}.sc-browser-top{background:#fafbfc;color:#68758a;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;padding:7px 11px;line-height:1.2;border-bottom:1px solid #e5e8ec}.sc-browser-top>span:first-child{font-size:6px;letter-spacing:2px;color:#b2bac7}.sc-mockup-inner{color:#273a36}.sc-mini-nav{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;font-size:8px;line-height:1.2}.sc-mini-nav>b{font-size:21px;font-family:Georgia,serif;letter-spacing:-1.2px;font-weight:normal}.sc-mini-nav b>span{font:9px Arial;vertical-align:top;margin-left:1px}.sc-mini-content{display:grid;grid-template-columns:1fr 1fr;min-height:215px}.sc-mini-content>div{padding:25px 12px 25px 20px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.sc-mini-content small{font-size:7px;letter-spacing:.07em}.sc-mini-content strong{font-size:clamp(20px,5.8cqw,32px);line-height:1.12;letter-spacing:-1.4px;font-family:Georgia,serif;font-weight:400;display:block;margin:14px 0 10px}.sc-mini-content p{font-size:8px;line-height:1.65;margin:0 0 16px;color:inherit}.sc-mini-content i{font-size:8px;font-style:normal;border-bottom:1px solid currentColor;padding-bottom:4px}.sc-mini-content>img{width:100%;height:100%;min-height:215px;object-fit:cover;object-position:center}.sc-mini-foot{display:flex;justify-content:space-between;padding:13px 18px;font-size:7px;border-top:1px solid #d7dfd9}.sc-mockup-forma .sc-mockup-inner{background:#f5f3ed}.sc-mockup-nora .sc-mockup-inner{background:#eff5fa;color:#284558}.sc-mockup-nora .sc-mini-nav>b{font-family:Arial,sans-serif;letter-spacing:-1.5px}.sc-mini-products{display:flex;justify-content:space-between;gap:8px;padding:14px 16px;font-size:7px;border-top:1px solid #cddce5}.sc-mini-products span{display:flex;gap:8px;flex-wrap:wrap}.sc-mini-products b{font-weight:600}.sc-mockup-move .sc-mockup-inner{background:#124be8;color:#fff}.sc-mockup-move .sc-mini-nav>b,.sc-mockup-move .sc-mini-content strong{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-1px}.sc-mockup-move .sc-mini-foot{border-color:#ffffff30}.sc-mockup-flow .sc-mockup-inner{background:#f2f5fa;color:#24324d}.sc-mockup-flow .sc-mini-nav>b{font-family:Arial,sans-serif;font-weight:700}.sc-mini-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px 16px 28px;min-height:215px}.sc-mini-board>div{padding:10px 7px;background:#e7edf5;border-radius:3px}.sc-mini-board small{font-size:6px;color:#64758e;display:block;margin:0 0 10px;letter-spacing:.04em}.sc-mini-board article{background:#fff;border:1px solid #dae2ed;border-radius:3px;padding:10px 7px;font-size:8px;line-height:1.5;margin-bottom:8px}.sc-mini-board article i{display:block;color:#627ab6;font-size:6px;font-style:normal;margin-top:8px}.sc-more-work{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.sc-more-work>a{display:flex;align-items:center;gap:18px;padding:22px 0;border-top:1px solid #dbe1e9;border-bottom:1px solid #dbe1e9}.sc-work-icon{width:42px;height:42px;display:grid;place-items:center;background:#e8edfa;border-radius:8px;font-size:22px;color:#3454c6;flex-shrink:0}.sc-more-work>a>span:last-child{margin-left:auto;color:#4568ff;font-size:22px}.sc-more-work small{display:block;color:#67758b;font-size:11px}.sc-more-work strong{font-size:17px;line-height:1.5}.sc-more-work strong>span{font-weight:450}
/* Case studies */
.sc-case-subtitle{font-size:.63em;font-weight:450;color:#52627c;letter-spacing:-.04em}.sc-case-overview{padding:0 0 45px;background:#f6f7fa}.sc-case-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:35px}.sc-case-actions>span{margin-left:auto;font-size:12px;color:#69768b}.sc-device-composition{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:end;gap:30px;background:#e6ebf2;border-radius:14px;padding:45px;max-width:1100px;margin:auto}.sc-device-composition>.sc-phone-frame{border:7px solid #23344c;border-radius:27px;background:#23344c;box-shadow:0 15px 25px #192b4820;overflow:hidden}.sc-device-composition>.sc-phone-frame:before{content:'';display:block;width:55px;height:7px;background:#0b172a;margin:1px auto 7px;border-radius:12px}.sc-mobile-mockup{border:0;border-radius:0;box-shadow:none;container-type:inline-size}.sc-mobile-mockup .sc-browser-top{display:none}.sc-mobile-mockup .sc-mini-nav{padding:12px}.sc-mobile-mockup .sc-mini-nav>b{font-size:22px}.sc-mobile-mockup .sc-mini-nav>span{font-size:7px}.sc-mobile-mockup .sc-mini-content{grid-template-columns:1fr;min-height:0}.sc-mobile-mockup .sc-mini-content>div{padding:20px 18px}.sc-mobile-mockup .sc-mini-content strong{font-size:30px;letter-spacing:-1px;margin:12px 0}.sc-mobile-mockup .sc-mini-content small{font-size:6px}.sc-mobile-mockup .sc-mini-content p{font-size:8px}.sc-mobile-mockup .sc-mini-content>img{min-height:0;height:125px;width:100%;object-fit:cover}.sc-mobile-mockup .sc-mini-foot{font-size:6px;padding:10px}.sc-mobile-mockup .sc-mini-products{padding:9px;font-size:6px}.sc-mobile-mockup .sc-mini-products span{gap:3px}.sc-mobile-mockup .sc-mini-board{grid-template-columns:1fr;padding:12px;gap:8px}.sc-mobile-mockup .sc-mini-board>div{padding:8px}.sc-mobile-mockup .sc-mini-board article{padding:8px;margin-bottom:5px}.sc-preview-caption{font-size:12px;color:#68788f;max-width:1100px;margin:17px auto 0}.sc-case-copy{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.sc-case-copy ol{padding:0;list-style:none;counter-reset:decisions}.sc-case-copy li{counter-increment:decisions;position:relative;padding:20px 0 20px 44px;border-top:1px solid #e0e5ec;color:#4b5d74;font-size:15px}.sc-case-copy li:before{content:'0' counter(decisions);position:absolute;left:0;color:#4568ff;font-size:12px;font-weight:700;top:23px}.sc-scope{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;background:#f3f6fb;border:1px solid #e3e9f2;padding:32px;margin:40px 0 25px;border-radius:10px}.sc-scope h3{font-size:28px;margin:0}.sc-scope ul{margin:0;padding-left:20px;color:#4d607b}.sc-scope li{margin:5px 0}.sc-case-next{padding:0 0 60px}.sc-case-next>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}
/* Shared demo controls */
.sc-demo-intro{background:#eef2f9;border-bottom:1px solid #dce4f0;padding:15px 0;color:#4f6180;font-size:12px}.sc-demo-intro>.wrap{display:flex;justify-content:space-between;gap:20px}.sc-demo-intro a{color:#304dab;font-weight:650}.sc-demo-shell{padding:0 0 60px}.sc-demo-shell *{box-sizing:border-box}.sc-demo-shell [hidden]{display:none!important}.sc-demo-shell button,.sc-demo-shell select,.sc-demo-shell input{font:inherit}.sc-demo-shell button{cursor:pointer;transition:background .15s,color .15s}.sc-demo-shell button:disabled{opacity:.45;cursor:not-allowed}.sc-demo-shell .demo-brand-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid currentColor}.demo-brand-nav>b{font-size:38px;line-height:1;letter-spacing:-2px;font-weight:600}.demo-brand-nav b>span{font:13px Arial,sans-serif;vertical-align:top;margin-left:2px}.demo-brand-nav a,.demo-brand-nav>span{font-size:12px;font-weight:600}.demo-kicker{font-size:10px;letter-spacing:.1em;font-weight:650;margin:0 0 20px}.demo-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding:0 0 9px;font-size:13px;font-weight:600}.demo-section{padding:65px 0 35px;scroll-margin-top:120px}.demo-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.demo-section-heading h2{font-size:35px;line-height:1.15;margin:0}.demo-filters{display:flex;flex-wrap:wrap;gap:7px}.demo-filters button{background:transparent;color:inherit;border:1px solid #b6c2cc;border-radius:30px;padding:9px 16px;min-height:42px;font-size:12px}.demo-filters button[aria-pressed=true]{background:#1e3346;color:#fff;border-color:#1e3346}.demo-status{font-size:12px;line-height:1.6;color:#5c6e82;margin:0 0 20px}.demo-disclosure{font-size:12px}.sc-demo-shell h1{font-size:clamp(44px,5.9vw,78px);line-height:1.04;letter-spacing:-.06em}.sc-demo-shell h2{letter-spacing:-.04em}
/* FORMA */
.forma-demo{background:#f1f0e8;color:#303e35}.forma-demo .demo-brand-nav>b,.forma-demo h1,.forma-demo h2,.forma-demo h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}.forma-demo .demo-brand-nav{border-color:#cdd0c5}.forma-demo-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px;padding-top:35px;gap:40px}.forma-demo-hero>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.forma-demo-hero h1{margin:0 0 25px}.forma-demo-hero>div>p:not(.demo-kicker){font-size:15px;max-width:310px;line-height:1.8;margin:0 0 30px;color:#657164}.forma-demo-hero>img{width:100%;height:100%;max-height:550px;object-fit:cover;border-radius:2px}.forma-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.forma-project-photo{height:225px;overflow:hidden}.forma-project-photo>img{width:100%;height:100%;object-fit:cover}.forma-crop-1>img{object-position:15% center;transform:scale(1.5)}.forma-crop-2>img{object-position:95% center;transform:scale(1.2)}.forma-project>p{font-size:11px;letter-spacing:.04em;color:#677164;margin:16px 0 4px}.forma-project h3{font-size:29px;margin:0 0 15px}.forma-project details{border-top:1px solid #c5cdbd;padding:0;background:transparent}.forma-project summary{padding:13px 0;font-size:12px;font-weight:500;cursor:pointer}.forma-project details p{font-size:13px;color:#5b6859;margin:0 0 10px}.forma-project details span{font-size:10px;color:#687760}.forma-demo-note{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cdd0c5;margin-top:25px;padding-top:30px;gap:30px}.forma-demo-note span{font-size:11px;font-weight:600}.forma-demo-note p{font-size:12px;color:#657164;margin:0}
/* NORA */
.nora-demo{background:#f6f9fa;color:#254251}.nora-demo .demo-brand-nav{border-color:#d5e0e5}.nora-demo .demo-brand-nav>b{font-weight:450}.nora-demo-hero{display:grid;grid-template-columns:1fr 1.05fr;background:#e7eff3;margin-top:30px;border-radius:4px;overflow:hidden}.nora-demo-hero>div{padding:45px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.nora-demo h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em;font-size:clamp(42px,4.9vw,66px);margin:0 0 25px}.nora-demo-hero>div>p:not(.demo-kicker){font-size:14px;max-width:310px;line-height:1.8;margin:0 0 25px;color:#5f7886}.nora-demo-hero>img{width:100%;height:100%;min-height:400px;object-fit:cover}.nora-catalog{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;padding-top:65px;scroll-margin-top:120px}.nora-catalog .demo-section-heading{align-items:start;flex-direction:column;gap:20px}.nora-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nora-product{min-width:0}.nora-product-photo{height:200px;overflow:hidden;position:relative;border-radius:3px;background:#d7e3ec}.nora-product-photo img{width:100%;height:100%;object-fit:cover}.nora-product-photo>span{position:absolute;bottom:10px;left:10px;font-size:8px;background:#ffffffdb;padding:3px 7px;color:#34516a;z-index:1}.nora-crop-0 img{transform:scale(1.8);object-position:45% center}.nora-crop-1 img{transform:scale(1.8);object-position:78% center}.nora-crop-2 img{object-position:center}.nora-product h3{font-size:18px;letter-spacing:-.025em;margin:15px 0 5px}.nora-product>p{font-size:11px;line-height:1.7;color:#667b89;margin:0 0 15px;min-height:38px}.nora-product>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.nora-product strong{font-size:15px}.nora-product button{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:1px solid #b3c5cf;border-radius:3px;font-size:11px;padding:10px;min-height:43px;color:#294e65}.nora-product button:hover{background:#e4edf2}.nora-cart{background:#fff;border:1px solid #dce4e9;border-radius:6px;padding:24px;align-self:start;position:sticky;top:112px;scroll-margin-top:120px}.nora-cart h2{font-size:26px;margin:0 0 25px}.nora-cart .demo-kicker{font-size:9px;margin-bottom:9px}.nora-cart #nora-cart-items{list-style:none;margin:0;padding:0}.nora-cart .cart-empty{font-size:13px;color:#718592}.nora-cart .cart-item{border-bottom:1px solid #e1e7eb;padding:15px 0;list-style:none}.cart-item-heading{display:flex;justify-content:space-between;gap:8px;font-size:12px}.cart-quantity{display:flex;align-items:center;gap:9px;margin-top:12px;flex-wrap:wrap}.cart-quantity button{min-width:32px;min-height:32px;background:#edf3f6;border:1px solid #d7e3ea;border-radius:4px;color:#314b5a;font-size:13px}.cart-quantity .cart-remove{background:transparent;border:0;font-size:10px;text-decoration:underline;margin-left:auto;padding:3px}.cart-quantity-value{font-size:12px;min-width:15px;text-align:center}.nora-cart-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:12px}.nora-cart-total strong{font-size:23px;white-space:nowrap}.nora-cart>button{width:100%;border:1px solid #bfd0db;background:transparent;border-radius:4px;min-height:40px;margin:18px 0;font-size:12px;color:#345365}.nora-cart-note{font-size:11px;line-height:1.8;color:#698090;border-top:1px solid #e2e8ed;padding-top:15px;margin:0}.nora-cart .demo-status{font-size:11px}
/* MOVE */
.move-demo{background:#eef1f8;color:#172a55}.move-demo .demo-brand-nav>b{font-weight:850;font-style:italic}.move-demo .demo-brand-nav{border-color:#c8d3e5}.move-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0}.move-toolbar>p{font-size:12px;max-width:360px;margin:0}.move-ad{display:grid;grid-template-columns:1fr 1fr;background:#124de7;color:#fff;min-height:500px;overflow:hidden;border-radius:5px}.move-ad-copy{padding:40px 30px 40px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.move-ad h1{font-size:clamp(42px,5.4vw,72px);font-weight:800;margin:0 0 25px;max-width:450px}.move-ad-copy>p:not(.demo-kicker){font-size:14px;line-height:1.9;color:#d8e3ff;margin:0 0 27px;max-width:390px}.move-ad>img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}.move-demo[data-variant=everyday] .move-ad{background:#12233c}.move-demo[data-variant=everyday] .move-ad>img{transform:scale(1.07);filter:saturate(.8)}.move-demo .demo-filters button[aria-pressed=true]{background:#124de7;border-color:#124de7}.move-connection{display:flex;justify-content:center;align-items:center;gap:25px;font-size:9px;letter-spacing:.12em;padding:28px}.move-connection>span:nth-child(2){font-size:24px;color:#4568ff}.move-landing{background:#fff;border:1px solid #dae2ee;border-radius:5px;padding:40px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;scroll-margin-top:120px}.move-landing h2{font-size:35px;line-height:1.15;margin:0 0 20px}.move-landing p:not(.demo-kicker){font-size:14px;line-height:1.8;color:#65748e;margin:0 0 25px}.move-landing-notes{display:grid;gap:15px}.move-landing-notes span{font-size:13px;border-bottom:1px solid #e1e6ef;padding:12px 0;color:#61728e}.move-disclosure{font-size:11px;line-height:1.8;color:#687d9b;margin-top:25px}
/* FLOW */
.flow-demo{background:#f3f5fa;color:#233551}.flow-demo .demo-brand-nav{border-color:#d8e1ee}.flow-demo .demo-brand-nav>b{font-weight:750}.flow-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px 0 35px}.flow-demo-heading h1{font-size:clamp(40px,4.6vw,60px);margin:0 0 20px}.flow-demo-heading p:not(.demo-kicker){font-size:14px;color:#6b7b91;max-width:510px;margin:0}.flow-demo-counter{background:#e5ebf8;border:1px solid #d9e2f1;border-radius:15px;padding:24px 36px;text-align:center;color:#3959b4;flex-shrink:0}.flow-demo-counter strong{font-size:48px;line-height:1.2;display:block;letter-spacing:-.05em}.flow-demo-counter span{font-size:11px}.flow-demo-controls{display:flex;align-items:end;gap:20px;padding:25px;background:#fff;border:1px solid #e0e6f0;border-radius:10px;margin-bottom:18px}.flow-demo-controls form{flex:1;min-width:0}.flow-demo-controls label{font-size:11px;font-weight:650;display:block;margin-bottom:8px}.flow-demo-controls form>div{display:flex;gap:8px}.flow-demo-controls input,.flow-demo-controls select{background:#f8faff;border:1px solid #d1dceb;border-radius:5px;height:44px;min-width:0;padding:10px 12px;color:#425671;font-size:12px}.flow-demo-controls input{flex:1;width:100%}.flow-demo-controls button{background:#4568ff;border:1px solid #4568ff;color:#fff;border-radius:5px;font-size:12px;padding:10px 15px;min-height:44px;white-space:nowrap}.flow-demo-controls .flow-reset{background:#fff;color:#566a8a;border-color:#d1dceb;font-size:11px}.flow-demo-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.flow-demo-column{background:#e8edf6;border:1px solid #dfe6f1;border-radius:9px;padding:20px;min-height:290px}.flow-demo-column h3{font-size:14px;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 20px;color:#536a8a}.flow-stage-count{font-size:10px;display:grid;place-items:center;border-radius:20px;background:#d5def0;min-width:22px;height:22px;color:#5d7090}.flow-demo-task{padding:19px;background:#fff;border:1px solid #d9e2ef;border-radius:7px;margin-bottom:14px;box-shadow:0 4px 8px #233d6a03}.flow-demo-task p{font-size:14px;font-weight:600;line-height:1.6;margin:0 0 9px;overflow-wrap:anywhere}.flow-demo-task small{font-size:9px;color:#8c9bb0;display:block;margin-bottom:15px}.flow-advance{border:1px solid #c7d5f4;color:#3a5cba;background:#f4f7fe;border-radius:5px;padding:8px 12px;font-size:10px;min-height:36px}.flow-done{font-size:10px;color:#3d795d;background:#eaf5ed;border-radius:4px;padding:5px 8px;display:inline-block}.flow-empty{font-size:12px;color:#7c8da6;line-height:1.8}.flow-demo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #d6e1ef;margin-top:35px;padding-top:22px}.flow-demo-bottom p{font-size:11px;line-height:1.8;color:#72849e;margin:0}
@media(max-width:1050px){.sc-project-visual{padding:24px 18px}.sc-mini-content{min-height:180px}.sc-mini-content>img{min-height:180px}.sc-mini-content>div{padding:20px 10px 20px 15px}.sc-mini-content strong{font-size:25px}.sc-device-composition{grid-template-columns:minmax(0,1fr) 210px;padding:30px;gap:22px}.sc-case-actions>span{margin-left:0;flex-basis:100%}.nora-catalog{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.nora-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nora-product-photo{height:200px}.flow-demo-controls{flex-wrap:wrap}.flow-demo-controls form{flex-basis:100%}.flow-demo-controls .flow-filter-field{flex:1}.flow-demo-controls select{width:100%}.forma-demo-hero{min-height:450px}.forma-project-photo{height:180px}.move-ad-copy{padding:30px}.move-ad h1{font-size:56px}}
@media(max-width:780px){.sc-project-grid{grid-template-columns:1fr;gap:32px}.sc-project-visual{padding:24px}.sc-mini-content strong{font-size:clamp(24px,5.8cqw,34px)}.sc-mini-content{min-height:225px}.sc-mini-content>img{min-height:225px}.sc-mini-content>div{padding:26px 15px 26px 22px}.sc-mini-nav{padding:15px 20px}.sc-mini-nav>b{font-size:25px}.sc-mini-nav>span{font-size:9px}.sc-mini-content small{font-size:8px}.sc-mini-content p,.sc-mini-content i{font-size:10px}.sc-mini-foot,.sc-mini-products{font-size:8px}.sc-project-meta{font-size:10px}.sc-project-card h3{font-size:21px}.sc-more-work{grid-template-columns:1fr;gap:0}.sc-more-work>a+ a{border-top:0}.sc-more-work strong{font-size:16px}.sc-device-composition{grid-template-columns:minmax(0,1fr) 160px;padding:22px;gap:15px}.sc-device-composition>div:first-child .sc-mini-content{min-height:190px}.sc-device-composition>div:first-child .sc-mini-content>img{min-height:190px}.sc-device-composition>div:first-child .sc-mini-content>div{padding:15px 10px}.sc-device-composition>div:first-child .sc-mini-content strong{font-size:24px}.sc-device-composition>div:first-child .sc-mini-content p,.sc-device-composition>div:first-child .sc-mini-content i{font-size:8px}.sc-device-composition>div:first-child .sc-mini-nav{padding:12px}.sc-device-composition>div:first-child .sc-mini-nav>span{display:none}.sc-device-composition>div:first-child .sc-mini-content small{font-size:6px}.sc-phone-frame .sc-mini-nav>span{display:none}.sc-mobile-mockup .sc-mini-content strong{font-size:25px}.sc-mobile-mockup .sc-mini-content>div{padding:16px 12px}.sc-mobile-mockup .sc-mini-content>img{height:110px}.sc-case-copy,.sc-scope{grid-template-columns:1fr;gap:25px}.sc-case-copy ol{margin:0}.sc-scope{padding:24px;margin-top:30px}.sc-case-next>.wrap{align-items:flex-start;flex-direction:column}.sc-demo-intro>.wrap{flex-direction:column;gap:5px}.sc-demo-intro{font-size:11px}.sc-demo-shell .demo-brand-nav{padding:21px 0}.demo-brand-nav>b{font-size:30px}.demo-brand-nav a,.demo-brand-nav>span{font-size:10px}.forma-demo-hero{grid-template-columns:1fr;gap:30px;min-height:0;padding-top:35px}.forma-demo-hero h1{font-size:58px}.forma-demo-hero>img{height:350px;max-height:none}.forma-demo-hero>div>p:not(.demo-kicker){max-width:440px}.demo-section{padding-top:40px}.demo-section-heading{align-items:flex-start;flex-direction:column}.demo-section-heading h2{font-size:30px}.forma-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.forma-project h3{font-size:26px}.forma-project-photo{height:220px}.forma-demo-note{grid-template-columns:1fr;gap:15px}.nora-demo-hero{grid-template-columns:1fr}.nora-demo-hero>div{padding:35px 25px}.nora-demo h1{font-size:52px}.nora-demo-hero>img{height:310px;min-height:0}.nora-catalog{grid-template-columns:1fr;padding-top:40px;gap:35px}.nora-cart{position:static}.nora-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nora-product-photo{height:200px}.nora-product h3{font-size:17px}.move-toolbar{flex-direction:column;align-items:flex-start;padding:23px 0}.move-ad{grid-template-columns:1fr}.move-ad-copy{padding:35px 25px}.move-ad h1{font-size:57px}.move-ad>img{height:350px}.move-landing{grid-template-columns:1fr;gap:25px;padding:30px 25px}.move-landing h2{font-size:30px}.move-connection{gap:15px;font-size:8px;padding:24px 0}.flow-demo-heading{padding:35px 0 25px}.flow-demo-counter{padding:18px 22px}.flow-demo-counter strong{font-size:38px}.flow-demo-heading h1{font-size:43px}.flow-demo-board{grid-template-columns:1fr;gap:15px}.flow-demo-column{min-height:160px}.flow-demo-bottom{grid-template-columns:1fr;gap:12px}.flow-demo-controls{padding:20px;gap:15px}.flow-demo-heading p:not(.demo-kicker){font-size:13px}}
@media(max-width:520px){.sc-project-visual{padding:20px 12px}.sc-mini-nav{padding:12px}.sc-mini-nav>b{font-size:22px}.sc-mini-nav>span{font-size:7px}.sc-mini-content{min-height:170px}.sc-mini-content>img{min-height:170px}.sc-mini-content>div{padding:20px 10px 20px 12px}.sc-mini-content strong{font-size:23px;letter-spacing:-1px}.sc-mini-content small{font-size:5px}.sc-mini-content p,.sc-mini-content i{font-size:7px}.sc-mini-foot,.sc-mini-products{font-size:6px;padding:11px 12px}.sc-mini-products span{gap:2px}.sc-project-meta{font-size:9px}.sc-project-card h3{font-size:19px}.sc-project-card h3 span{display:block;margin-top:4px}.sc-more-work strong{font-size:15px}.sc-more-work strong>span{display:block;font-size:13px}.sc-device-composition{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:18px}.sc-device-composition>.sc-phone-frame{width:190px;align-self:center}.sc-device-composition .sc-mini-content strong{font-size:24px}.sc-device-composition .sc-mobile-mockup .sc-mini-content strong{font-size:28px}.sc-case-actions{gap:17px;margin-bottom:25px}.sc-case-actions .btn{width:100%;justify-content:space-between}.sc-case-actions .text-link{font-size:12px}.sc-case-actions>span{font-size:11px}.sc-preview-caption{font-size:11px}.sc-case-copy li{font-size:14px}.demo-brand-nav a,.demo-brand-nav>span{font-size:9px;max-width:155px;text-align:right}.forma-demo-hero h1{font-size:51px}.forma-demo-hero>img{height:270px}.forma-project-grid{grid-template-columns:1fr}.forma-project-photo{height:260px}.demo-filters button{padding:8px 13px;font-size:11px}.nora-demo h1{font-size:44px}.nora-demo-hero>div{padding:30px 22px}.nora-demo-hero>img{height:245px}.nora-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.nora-product-photo{height:180px}.nora-product h3{font-size:16px}.nora-product>p{font-size:10px}.nora-product button{font-size:10px;padding:9px}.nora-cart{padding:22px}.move-ad h1{font-size:48px}.move-ad-copy{padding:30px 22px}.move-ad>img{height:260px}.move-ad-copy>p:not(.demo-kicker){font-size:13px}.move-connection{gap:10px;font-size:7px}.move-landing h2{font-size:28px}.flow-demo-heading{align-items:flex-start;gap:15px}.flow-demo-heading h1{font-size:38px}.flow-demo-heading .demo-kicker{font-size:8px}.flow-demo-counter{padding:16px 14px;margin-top:36px}.flow-demo-counter strong{font-size:29px}.flow-demo-counter span{font-size:8px}.flow-demo-controls form>div{flex-direction:column}.flow-demo-controls input{height:44px;flex-basis:44px}.flow-demo-controls .flow-filter-field{flex-basis:100%}.flow-demo-controls .flow-reset{width:100%}.flow-demo-counter{max-width:85px}.sc-demo-shell{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.sc-project-visual,.sc-demo-shell button,.move-ad>img{transition:none}}

/* ADF source: pricing-refinement.css */
/* Package scope, initial quote state and compact implementation choices. */
.price-card .package-audience{margin:20px 0 18px;padding-top:16px;border-top:1px solid #e3e8f0;font-size:12px;line-height:1.75;color:#5c687c}
.price-card .package-audience strong{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#263451}
.price-card .package-delivery-label{margin:0 0 4px;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:#263451}
.price-card.featured .package-audience{border-color:#36435b;color:#c2cce0}
.price-card.featured .package-audience strong,.price-card.featured .package-delivery-label{color:#d5dfff}
.pricing-clarity{display:grid;grid-template-columns:1fr 1.25fr;gap:24px 56px;margin-top:30px;padding:32px 0 0;border-top:1px solid #dfe5ee}
.pricing-clarity h3{font-size:25px;line-height:1.25;letter-spacing:-.04em;margin:0 0 12px}
.pricing-clarity h4{font-size:14px;margin:0 0 6px;color:#243450}
.pricing-clarity p{font-size:13px;line-height:1.8;margin:0 0 18px;color:#627087}
.pricing-clarity .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:12px;color:#4568ff}
.pricing-clarity .pricing-clarity-note{grid-column:1/-1;padding:14px 18px;background:#f2f5fc;border-radius:7px;margin:0;color:#465675;font-size:12px}
.field-error{font-size:13px;line-height:1.65;color:#a52b32;margin:8px 0 0}
.calc-form select[aria-invalid="true"]{border-color:#ad3d45;outline-color:#ad3d45}
#package-hint{color:#65748a;line-height:1.7;margin-top:9px}
#empty-quote{padding:20px 0;line-height:1.9;border-top:1px solid #35445f;border-bottom:1px solid #35445f;margin:22px 0;color:#d6e0f4}
.calc-summary .btn[aria-disabled="true"],.calc-summary .btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:780px){.pricing-clarity{grid-template-columns:1fr;gap:6px;padding-top:24px}.pricing-clarity h3{font-size:23px}.pricing-clarity .pricing-clarity-note{margin-top:6px}.price-card .package-audience{margin-top:16px}.pricing-clarity p{font-size:13px}}

/* ADF source: editorial-refinement.css */
/* Content hierarchy: working examples first, concise inner pages, honest brand information. */
body[data-page="home"] .section{padding-block:76px}
.page-hero{padding:32px 0 44px}
.page-hero .breadcrumbs{margin-bottom:32px}
.page-hero h1{font-size:clamp(36px,4.4vw,60px);line-height:1.12;max-width:920px}
.page-hero h1 br{display:none}
.page-hero .lead{max-width:810px;margin-top:20px;font-size:16px;line-height:1.8}
body[data-page="iletisim"] .page-hero{padding-bottom:32px}
body[data-page="iletisim"] .page-hero h1{font-size:clamp(36px,4vw,52px)}
body[data-page="iletisim"] .page-hero+.section{padding-top:46px}
body[data-page="iletisim"] .contact-form{padding:28px}
body[data-page="iletisim"] .contact-info h2{font-size:30px}
body[data-page="hakkimizda"] .page-hero+.section{padding-top:60px}
.professional-hero{padding-top:48px}
.professional-intro{padding-bottom:40px}
.professional-copy h1{font-size:clamp(48px,5.2vw,76px)}
.professional-copy .hero-description{max-width:490px;line-height:1.75;font-size:16px}
.professional-copy .hero-assurance{margin-top:24px}
.professional-bottom{padding-block:22px}
.hero-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px}
.hero-demo-footer .demo-disclosure{margin:0;max-width:280px;line-height:1.65}
.hero-demo-footer .demo-open{display:inline-flex;align-items:center;gap:18px;min-height:44px;white-space:nowrap;padding:10px 17px;border:1px solid #5e749d;color:#fff;border-radius:6px;font-size:13px;font-weight:650;transition:background .2s}
.hero-demo-footer .demo-open:hover{background:#263958;border-color:#93aaff}
.identity-section{background:#f3f5f8}
.identity-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}
.identity-copy h2{font-size:clamp(32px,3.6vw,48px);max-width:640px}
.identity-copy h2 em{font-style:normal;color:#4568ff}
.identity-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:620px;margin:22px 0;color:#59677d}
.identity-card{border:1px solid #dce3ee;background:white;border-radius:10px;padding:26px 30px}
.identity-brand{display:flex;align-items:center;gap:22px;border-bottom:1px solid #e5e9f1;padding-bottom:20px;margin-bottom:20px}
.identity-brand img{width:86px;height:auto;object-fit:contain}
.identity-brand span{font-size:12px;line-height:1.7;color:#617086;border-left:1px solid #dfe5ee;padding-left:20px}
.identity-card>p{font-size:13px;color:#617086;margin-bottom:8px}
.identity-phone{font-size:clamp(23px,2.5vw,32px);font-weight:600;letter-spacing:-.04em;display:block;margin-bottom:12px;color:#192b47}
.identity-note{font-size:12px;line-height:1.8;border-top:1px solid #e5e9f1;padding-top:18px;margin-top:20px;color:#637187}
.identity-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px;border-top:1px solid #d4dce8;padding-top:27px}
.identity-steps article>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#617086}
.identity-steps article>div>span{font-size:12px;color:#4568ff}
.identity-steps small{font-size:11px}
.identity-steps h3{font-size:20px;margin:14px 0 10px;letter-spacing:-.03em}
.identity-steps p{font-size:13px;line-height:1.8;color:#617086;margin:0}
.identity-footnote{font-size:12px;color:#67758a;margin-top:24px;line-height:1.8}
.working-principles .about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.working-principles .about-values article{border-top:1px solid #d7dfeb;padding-top:20px}
.working-principles h3{font-size:21px;line-height:1.3;margin-top:16px}
.working-principles p:not(.eyebrow){font-size:14px;line-height:1.85}
.principle-index{color:#4568ff;font-size:12px}
body[data-page="home"] .pricing-invitation-grid{align-items:center}
body[data-page="home"] .price-preview{padding:28px 34px}
body[data-page="home"] .price-preview>div{font-size:clamp(40px,4vw,56px)}
body[data-page="home"] .price-preview ul{display:none}
body[data-page="home"] .pricing-invitation-grid h2{font-size:clamp(34px,3.6vw,48px)}
body[data-page="home"] .home-journal .section-head{margin-bottom:26px}
.home-journal .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.home-journal .blog-card .cover{aspect-ratio:2.2;margin-bottom:15px}
.home-journal .blog-card h3{font-size:20px;line-height:1.45}
.home-journal .blog-card>p{display:none}
.home-journal .meta-line{font-size:11px;margin-bottom:10px}
.home-journal .text-link{font-size:12px}
body[data-page="home"] .faq h2{font-size:38px}
@media(max-width:1000px){.identity-layout{gap:40px}.working-principles .about-values{grid-template-columns:repeat(2,1fr)}.identity-brand span{font-size:11px;padding-left:14px}.professional-copy h1{font-size:54px}}
@media(max-width:780px){body[data-page="home"] .section{padding-block:54px}.page-hero{padding:23px 0 30px}.page-hero .breadcrumbs{margin-bottom:24px}.page-hero h1{font-size:36px}.page-hero .lead{font-size:14px;line-height:1.8;margin-top:18px}.professional-hero{padding-top:32px}.professional-copy h1{font-size:50px;line-height:1.06}.professional-copy .hero-description{font-size:14px;line-height:1.75;margin-top:18px}.professional-copy .eyebrow{margin-bottom:18px}.professional-copy .actions{margin-top:22px}.hero-assurance{display:none}.professional-intro{gap:28px;padding-bottom:24px}.professional-bottom{padding-block:17px}.hero-demo-footer{gap:12px}.hero-demo-footer .demo-disclosure{font-size:11px}.hero-demo-footer .demo-open{font-size:12px;padding:9px 12px;gap:10px}.identity-layout{grid-template-columns:1fr;gap:28px}.identity-copy h2{font-size:34px}.identity-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-block:18px}.identity-card{padding:22px}.identity-brand img{width:72px}.identity-phone{font-size:29px}.identity-steps{grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:24px}.identity-steps h3{font-size:20px;margin-top:10px}.identity-steps article+article{border-top:1px solid #d8e0eb;padding-top:20px}.identity-steps small{font-size:12px}.working-principles .about-values{grid-template-columns:1fr;gap:25px}.home-journal .blog-grid{grid-template-columns:1fr;gap:22px}.home-journal .blog-card{display:grid;grid-template-columns:100px 1fr;column-gap:17px;align-items:start;border-bottom:1px solid #e0e6ef;padding-bottom:22px}.home-journal .blog-card .cover{grid-row:1/4;aspect-ratio:1;margin:0}.home-journal .blog-card h3{font-size:17px;line-height:1.5;margin:0 0 9px}.home-journal .meta-line{font-size:10px;gap:8px;margin-bottom:7px}.home-journal .blog-card .text-link{grid-column:2}body[data-page="home"] .price-preview{padding:25px}body[data-page="home"] .pricing-invitation-grid h2{font-size:34px}body[data-page="iletisim"] .page-hero+.section{padding-top:28px}body[data-page="iletisim"] .contact-form{padding:22px}.contact-grid{gap:28px}body[data-page="iletisim"] .contact-info .contact-aside{margin-top:22px;padding-top:22px}}
@media(max-width:360px){.professional-copy h1{font-size:43px}.hero-demo-footer{flex-wrap:wrap}.hero-demo-footer .demo-disclosure{max-width:none}.home-journal .blog-card{grid-template-columns:78px 1fr;gap:12px}.home-journal .meta-line{flex-wrap:wrap}.identity-card{padding:18px}.identity-copy h2{font-size:30px}}
@media(min-width:370px) and (max-width:780px){.professional-copy .actions{gap:10px}}

/* ADF source: atelier-global.css */
/* ADF Medya / approved ivory, sage and lavender identity. Final shared layer. */
:root {
  --bg: #f7f6f2;
  --paper: #eeeee7;
  --ink: #172222;
  --text: #172222;
  --muted: #586561;
  --line: #d7ddd6;
  --blue: #216c60;
  --panel: #fffefa;
  --max: 1200px;
  --sage: #dce6dd;
  --lavender: #e8e0f3;
  --teal: #216c60;
  color-scheme: light;
}
html { scroll-padding-top: 104px; }
body { background: var(--bg); color: var(--ink); font: 15px/1.8 Manrope, Arial, sans-serif; }
.wrap { width: min(1200px, calc(100% - 80px)); }
h1, h2, h3, h4 { font-family: Manrope, Arial, sans-serif; font-weight: 600; letter-spacing: -.045em; }
h1 em, h2 em { font-family: inherit; font-weight: inherit; font-style: normal; color: var(--teal); }
h2 { font-size: clamp(32px, 3.7vw, 50px); line-height: 1.12; }
h3 { line-height: 1.3; }
.section { padding: 84px 0; }
.section.light { background: #eeeee7; }
.section-head { gap: 56px; margin-bottom: 40px; }
.section-head p:not(.eyebrow), .lead, .small, .fine-print, .period, .subtle { color: var(--muted); }
.eyebrow { gap: 9px; color: #586561; font-size: 10px; font-weight: 650; letter-spacing: .14em; margin-bottom: 18px; }
.eyebrow:before { content: none; }
.lead { font-size: 17px; line-height: 1.8; }
.btn { border-radius: 100px; min-height: 50px; gap: 24px; padding: 14px 24px; background: #216c60; border-color: #216c60; color: #fffefa; font-size: 13px; font-weight: 600; box-shadow: 0 3px 10px #193f3608; transition: background .2s, border-color .2s, box-shadow .2s, transform .2s; }
.btn:hover { background: #174f46; border-color: #174f46; transform: translateY(-2px); box-shadow: 0 7px 18px #193f3619; }
.btn.ghost { color: #213e37; border-color: #aebbb3; background: transparent; }
.btn.ghost:hover { background: #e5ece3; border-color: #869b8e; }
.btn.dark { background: #172e2d; border-color: #172e2d; color: #fffefa; }
.btn.dark:hover { background: #28534b; border-color: #28534b; }
.arrow { font-size: 20px; transition: transform .2s; }
.btn:hover .arrow, .text-link:hover .arrow { transform: translate(2px,-1px); }
.text-link { gap: 18px; border-color: #a2b4aa; color: #28574e; font-weight: 550; }
.text-link:hover { color: #174b40; border-color: #174b40; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #216c60; outline-offset: 4px; }
.skip { background: #216c60; }

/* A small official PNG, quiet navigation and a single primary action. */
.site-header { background: #f7f6f2; border-bottom: 1px solid #d7ddd6; backdrop-filter: none; -webkit-backdrop-filter: none; }
.header-inner { height: 80px; gap: 26px; }
.brand { gap: 0; min-width: 84px; }
.brand img { width: 84px; height: 63px; object-fit: contain; }
.brand>span { display: none; }
.site-header .main-nav { gap: 29px; margin-left: auto; margin-right: auto; }
.main-nav a { color: #24312e; font-size: 13px; font-weight: 550; line-height: 1.5; padding-block: 9px; transition: color .2s; }
.main-nav a:hover, .main-nav a[aria-current=page] { color: #216c60; }
.main-nav a:after { content: ''; position: absolute; height: 1px; width: 100%; left: 0; bottom: 2px; background: #216c60; transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.main-nav a:hover:after, .main-nav a[aria-current=page]:after { height: 1px; width: 100%; left: 0; bottom: 2px; border-radius: 0; background: #216c60; transform: scaleX(1); }
.header-cta { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; isolation: isolate; min-height: 42px; padding: 10px 19px; gap: 15px; font-size: 12px; color: #fffefa; background: #172e2d; border-color: #172e2d; }
.header-cta .cta-wide, .header-cta .cta-narrow { position: relative; z-index: 1; flex: 0 0 auto; color: #fffefa; opacity: 1; visibility: visible; white-space: nowrap; }
.header-cta .cta-wide { display: inline; }
.header-cta .cta-narrow { display: none; }
.header-cta:hover { background: #28534b; border-color: #28534b; }
.menu-toggle { border: 1px solid #c2cdc4; border-radius: 50%; color: #1d3931; background: transparent; width: 42px; height: 42px; flex-shrink: 0; }
.reading-progress { top: 79px; background: #216c60; }

/* Inner pages: more whitespace and type, fewer boxes. */
.page-hero { padding: 30px 0 66px; background: #eff0e9; border-color: #d7ddd6; }
.page-hero .breadcrumbs { margin-bottom: 38px; }
.breadcrumbs { color: #637069; font-size: 11px; flex-wrap: wrap; row-gap: 5px; }
.breadcrumbs a { color: #35564a; }
.page-hero h1 { font-size: clamp(38px, 4.5vw, 63px); line-height: 1.08; max-width: 930px; letter-spacing: -.052em; text-wrap: balance; }
.page-hero .eyebrow { color: #586e61; }
.page-hero .lead { max-width: 680px; margin-top: 25px; font-size: 16px; line-height: 1.85; color: #586561; }
.page-split { gap: 55px; }
.page-split h1 { font-size: clamp(35px, 3.8vw, 53px); }
.page-split>img, .split-showcase>img, .showcase-figure img { border-radius: 16px; }
.content-narrow { max-width: 860px; }
.content-narrow h2 { color: #1e3c33; font-size: 29px; }
.content-narrow p { color: #586561; }
.service-row { border-color: #d2dbd1; padding: 31px 2px; gap: 28px; }
.service-row h3 { font-size: 27px; font-weight: 550; }
.service-row p { color: #586561; }
.service-row:hover { background: #eaf0e7; padding-inline: 12px; }
.round-arrow { border-color: #aebeb1; border-radius: 50%; color: #2d4f43; width: 44px; height: 44px; }
.service-row:hover .round-arrow { background: #216c60; border-color: #216c60; color: white; }
.num, .detail-card .num { color: #216c60; }
.detail-card { border-top: 1px solid #b8c8ba; padding: 26px 8px 10px 0; }
.detail-card p { color: #586561; }
.detail-card h3 { font-size: 23px; font-weight: 550; }
.scope-grid { gap: 28px; }
.scope-card { background: #eeeee7; border-color: #d7ddd6; border-radius: 16px; }
.scope-card li { color: #586561; border-color: #d0d9ce; }
.sample-deliverable { background: #193f36; border-radius: 16px; }
.sample-deliverable .eyebrow { color: #c4dace; }
.sample-deliverable p, .sample-deliverable ol { color: #d0ded3; }
.sample-deliverable li { border-color: #4f6a5b; }
.check-list li { border-color: #d2dbd1; }
.check-list li:before { color: #216c60; }
.notice { background: #e9eee4; border-color: #397461; color: #415a4c; border-radius: 0 12px 12px 0; }
.service-visual { background: #e0e8dd; border-color: #d0dbcf; border-radius: 16px; }
.service-visual figcaption { color: #586561; background: #fffefa; }
.service-visual figcaption strong { color: #216c60; }
.flow-app { background: #fffefa; color: #263e32; }
.flow-header { border-color: #e0e5da; }
.flow-header>span, .flow-body>div>p, .flow-body aside, .flow-columns>div>span, .flow-columns article>small, .flow-app>footer { color: #637362; }
.flow-columns article { background: #f4f6ed; border-color: #d6dfce; }
.flow-columns article>i { color: #4c6c3d; }
.service-search, .search-concept { background: #e2eadf; }
.search-query { background: #fffefa; color: #657160; box-shadow: none; }
.search-answer h4, .search-query>span { color: #216c60; }
.search-answer>span, .search-answer p, .search-answer>div, .search-map, .search-map i { color: #5d715c; }
.search-map { border-color: #c6d4be; }
.search-map b { background: #cfdec5; color: #345c38; }

/* Packages retain all their established values and calculator behavior. */
.price-card { border-color: #d2dbd1; border-radius: 18px; padding: 47px 25px 28px; background: #fffefa; box-shadow: 0 4px 15px #203d2e04; transition: border-color .2s, box-shadow .2s, transform .2s; }
.price-card:hover { border-color: #a2b5a6; box-shadow: 0 16px 30px -18px #203d2e32; transform: translateY(-3px); }
.price-card h3 { font-weight: 600; margin-bottom: 13px; }
.price-card>p { min-height: 44px; margin-bottom: 24px; }
.price-card>p, .price-card .period, .price-card .package-audience { color: #586561; }
.price-card .amount { color: #213a31; font-size: 40px; line-height: 1.15; letter-spacing: -.045em; }
.price-card .period { font-size: 11px; }
.price-card .package-audience { min-height: 0; padding-top: 18px; margin: 20px 0 20px; }
.price-card .package-delivery-label { min-height: 0; line-height: 1.45; margin: 0; }
.price-card ul { padding: 14px 0 20px; }
.price-card .popular, .price-card li:before { color: #216c60; }
.price-card li, .price-card .package-audience { border-color: #dce3d7; }
.price-card .package-audience strong, .price-card .package-delivery-label { color: #345444; }
.price-card.featured { background: #193f36; border-color: #193f36; color: #fffefa; box-shadow: 0 14px 26px -18px #193f3655; }
.price-card.featured:hover { border-color: #193f36; box-shadow: 0 20px 34px -18px #193f3655; }
.price-card.featured .amount { color: #fffefa; }
.price-card.featured .popular { color: #d6e8d2; }
.price-card.featured>p, .price-card.featured .period, .price-card.featured .package-audience { color: #d0ded3; }
.price-card.featured li, .price-card.featured .package-audience { border-color: #4c695a; }
.price-card.featured li:before, .price-card.featured .package-audience strong, .price-card.featured .package-delivery-label { color: #d6e8d2; }
.price-card.featured .btn { background: #f4f2e9; color: #193f36; border-color: #f4f2e9; }
.price-card.featured .btn:hover { background: #deead8; border-color: #deead8; }
.price-card .btn { border-radius: 100px; }
.monthly-card { background: #eeeee7; border-color: #d2dbd1; border-radius: 16px; }
.monthly-card .monthly-price { color: #216c60; }
.price-details { border-color: #ccd7c9; }
.price-table thead { background: #e8eee1; }
.price-table th, .price-table td { border-color: #d7dfd2; }
.price-preview { background: #fffefa; border-color: #ccd7c9; border-radius: 16px; }
.price-preview:after { color: #9ab4a0; }
.price-preview>span, .price-preview li, .pricing-invitation-grid>div>p:not(.eyebrow) { color: #586561; }
.price-preview li { border-color: #d7dfd2; }
.pricing-invitation { background: #e8e0f3; }
.pricing-clarity { border-color: #d0d9cb; }
.pricing-clarity h4 { color: #2b4a3d; }
.pricing-clarity p { color: #586561; }
.pricing-clarity .eyebrow { color: #216c60; }
.pricing-clarity .pricing-clarity-note { background: #e9eee4; color: #4c6351; border-radius: 12px; }

/* Calm forms; the dark sage quote remains easy to read in every state. */
.calculator { gap: 32px; }
.calc-block { border-color: #d2dbd1; background: #fffefa; border-radius: 12px; }
.calc-block legend { color: #355443; }
.calc-summary { background: #193f36; color: #fffefa; border-color: #193f36; border-radius: 16px; top: 104px; }
.calc-summary .eyebrow { color: #d6e8d2; }
.calc-summary .total, .calc-summary .summary-row { border-color: #526d5e; }
.calc-summary .total strong { color: #fffefa; }
.calc-summary .total span, .calc-summary .small, .calc-summary .quote-note, .calc-summary .summary-lines>div>span { color: #d0ded3; }
.calc-summary .custom-quote { color: #e0ebd6; }
/* The previous stylesheet sets this one text color with !important. */
.calc-summary .custom-only { color: #e0ebd6!important; border-color: #526d5e; }
#empty-quote { color: #e0ebd6; border-color: #526d5e; }
.calc-summary .btn { background: #f4f2e9; border-color: #f4f2e9; color: #193f36; border-radius: 100px; }
.calc-summary .btn:hover { background: #deead8; border-color: #deead8; }
.calc-summary .btn.ghost { background: transparent; color: #fffefa; border-color: #8fa395; }
.calc-summary .btn.ghost:hover { background: #2a5145; border-color: #b8caba; }
.calc-summary button { border-radius: 100px; color: #e0ebd6; border-color: #8fa395; }
.calc-summary .lead-save>p { color: #d0ded3; }
.field label { color: #355043; }
.field input, .field select, .field textarea, .search-input { background: #fffefa; color: #223d30; border-color: #bccbbd; border-radius: 10px; box-shadow: 0 1px 2px #223d3004; min-width: 0; transition: border-color .2s, background .2s, box-shadow .2s; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: #8caa92; }
.field input:focus, .field select:focus, .field textarea:focus, .search-input:focus { border-color: #216c60; background: #fffefa; box-shadow: 0 0 0 4px #216c6010; }
.field input::placeholder, .field textarea::placeholder, .search-input::placeholder { color: #61735c; opacity: 1; }
.check-field { border-color: #dce4d7; }
.check-field>input { accent-color: #216c60; }
.check-field small, #package-hint { color: #60705d; }
.purpose-field { background: #eaf0e3; border-color: #cbdac4; border-radius: 12px; }
.purpose-field label { color: #294c37; }
.quote-options { background: #f1f3eb; border-color: #d0daca; border-radius: 12px; }
.quote-progress li { color: #65755f; border-color: #cdd9c6; }
.quote-progress [aria-current=step] { color: #216c60; border-color: #216c60; }
.quote-navigation { border-color: #d0daca; }
.quote-navigation>p { color: #326748; }
.contact-form { background: #f0f1ea; border-color: #d0daca; border-radius: 20px; box-shadow: 0 12px 36px -20px #193f3629; }
.contact-info .phone { color: #216c60; }
.contact-aside { border-color: #cdd7c9; }
.status, .contact-form .status, .lead-save>p { color: #216c60; }
.field-error { color: #a12f32; }

/* Reusable journal and studio content. */
.blog-card .cover { border-color: #d2dbd1; border-radius: 17px; box-shadow: 0 4px 15px #203d2e06; transition: border-color .25s, box-shadow .25s; }
.blog-card .cover img { transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.blog-card:hover .cover { border-color: #a9bdac; box-shadow: 0 12px 26px -16px #203d2e3b; }
.blog-card:hover .cover img { transform: scale(1.035); }
.blog-card h3 { font-size: 24px; font-weight: 600; line-height: 1.35; letter-spacing: -.035em; margin-bottom: 14px; text-wrap: balance; }
.blog-card h3 a { transition: color .2s; }
.blog-card h3 a:hover { color: #216c60; }
.blog-card .meta-line { font-size: 10px; letter-spacing: .08em; margin-bottom: 13px; }
.blog-card>p { line-height: 1.8; margin-bottom: 19px; }
.blog-card>p, .meta-line, .article-meta { color: #566650; }
.filter-button { color: #355845; border-color: #bacbbd; border-radius: 100px; background: transparent; }
.filter-button[aria-pressed=true] { background: #216c60; border-color: #216c60; color: #fffefa; }
.article-head h1 { line-height: 1.15; }
.article-cover { border-radius: 16px; }
.article-side { top: 111px; }
.article-side nav a { color: #5c705c; border-color: #c7d5c3; }
.article-side nav a:hover { color: #216c60; border-color: #216c60; }
.article-body { color: #465c4a; }
.article-body h2 { color: #213f31; }
.article-body a { color: #216c60; }
.article-callout { background: #e7edde; border-color: #397461; border-radius: 0 12px 12px 0; }
.share-article, .tags span { border-color: #c4d3bf; border-radius: 100px; }
.about-manifesto { color: #213f31!important; }
.about-manifesto span { color: #216c60; }
.about-values>div, .quality-list>article, .working-principles .about-values article { border-color: #ccd7c6; }
.brand-art, .identity-section { background: #eeeee7; }
.brand-art, .about-photo { border-radius: 16px; }
.quality-list>article>i, .principle-index { color: #216c60; }
.quality-list p, .engineering-intro, .process-note { color: #566650; }
.process-item { border-color: #c3d1bc; }
.process-item .step>span:last-child { color: #416539; background: #e2ebd9; border-radius: 100px; }
.identity-copy h2 em { color: #216c60; }
.identity-copy>p:not(.eyebrow) { color: #586561; }
.identity-card { border-color: #ccd7c6; background: #fffefa; border-radius: 16px; }
.identity-brand, .identity-note, .identity-steps { border-color: #d2ddcb; }
.identity-brand span { border-color: #d2ddcb; color: #566650; }
.identity-card>p, .identity-note, .identity-steps article>div, .identity-steps p, .identity-footnote { color: #566650; }
.identity-phone { color: #216c60; }
.identity-steps article>div>span { color: #216c60; }
.faq details { border-color: #ccd7c6; }
.faq details p { color: #586561; }
.toast { background: #193f36; color: #fffefa; border-color: #5a7460; border-radius: 14px; }

/* Portfolio: the concept label stays visible, without borrowed client claims. */
.sc-examples, .sc-case-overview { background: #f0f0e9; }
.sc-project-visual { background: #e7e9df; border-color: #d3dbce; border-radius: 16px; }
.sc-project-visual:hover { background: #dce5d6; }
.sc-project-meta, .sc-case-actions>span, .sc-preview-caption, .sc-more-work small { color: #566650; }
.sc-mockup { border-color: #bdc9b9; box-shadow: 0 16px 30px #253a2812; }
.sc-browser-top { background: #f8f8f3; color: #566650; border-color: #dce3d6; }
.sc-mockup-nora .sc-mockup-inner { background: #edf2e6; color: #324832; }
.sc-mockup-nora .sc-mini-products { border-color: #d1dcc8; }
.sc-mockup-flow .sc-mockup-inner { background: #f0f3e9; color: #324832; }
.sc-mini-board>div { background: #e1e9d9; }
.sc-mini-board small { color: #5b7056; }
.sc-mini-board article { background: #fffefa; border-color: #d1dcc8; }
.sc-mini-board article i { color: #497c52; }
.sc-more-work>a { border-color: #cdd8c6; }
.sc-work-icon { background: #e2eadb; color: #216c60; border-radius: 12px; }
.sc-more-work>a>span:last-child { color: #216c60; }
.sc-case-subtitle { color: #5e7059; }
.sc-device-composition { background: #dfe8d9; border-radius: 16px; }
.sc-device-composition>.sc-phone-frame { background: #26342d; border-color: #26342d; }
.sc-device-composition>.sc-phone-frame:before { background: #101c14; }
.sc-case-copy li { border-color: #ccd8c6; color: #50634d; }
.sc-case-copy li:before { color: #216c60; }
.sc-scope { background: #edf1e6; border-color: #d1ddc9; border-radius: 16px; }
.sc-scope ul { color: #50634d; }

/* The four working examples use the same agency frame, with their own identity. */
.sc-demo-intro { background: #e8eee1; color: #516a50; border-color: #cbd9c4; }
.sc-demo-intro a { color: #216c60; }
.demo-filters button { border-color: #adc0a6; }
.demo-filters button[aria-pressed=true] { background: #216c60; border-color: #216c60; color: #fffefa; }
.demo-status { color: #52684c; }
.forma-demo { background: #f1f0e8; color: #28382f; }
.forma-demo .demo-brand-nav>b, .forma-demo h1, .forma-demo h2, .forma-demo h3 { font-family: Manrope, Arial, sans-serif; font-weight: 500; }
.forma-demo-hero>img, .forma-project-photo { border-radius: 12px; }
.nora-demo { background: #f4f5ed; color: #304631; }
.nora-demo .demo-brand-nav { border-color: #cbd8c4; }
.nora-demo-hero { background: #e4ebda; border-radius: 16px; }
.nora-demo h1 { font-family: Manrope, Arial, sans-serif; font-weight: 500; }
.nora-demo-hero>div>p:not(.demo-kicker), .nora-product>p, .nora-cart-note, .nora-cart .cart-empty { color: #52684c; }
.nora-product-photo { border-radius: 12px; background: #dce7d0; }
.nora-product-photo>span { color: #3e603c; background: #fffefae8; }
.nora-product button { border-color: #b4c7a9; border-radius: 100px; color: #305932; }
.nora-product button:hover { background: #dfead6; }
.nora-cart { background: #fffefa; border-color: #cddbc4; border-radius: 16px; top: 104px; }
.nora-cart .cart-item, .nora-cart-note { border-color: #d5dfcc; }
.cart-quantity button { background: #e9f0e0; border-color: #cddcc2; color: #355b33; border-radius: 100px; }
.nora-cart>button { border-color: #b9cdb0; border-radius: 100px; color: #355b33; }
.move-demo { background: #f1eee8; color: #38362f; }
.move-demo .demo-brand-nav { border-color: #d4d0c6; }
.move-ad { border-radius: 16px; }
.move-connection>span:nth-child(2) { color: #216c60; }
.move-landing { background: #fffefa; border-color: #d9d8cc; border-radius: 16px; }
.move-landing p:not(.demo-kicker), .move-landing-notes span, .move-disclosure { color: #6b6e5e; }
.move-landing-notes span { border-color: #dddfd0; }
.flow-demo { background: #f1f4eb; color: #2a442e; }
.flow-demo .demo-brand-nav { border-color: #cddbc4; }
.flow-demo-heading p:not(.demo-kicker) { color: #536b4d; }
.flow-demo-counter { background: #dfead4; border-color: #c9dbc1; color: #397040; }
.flow-demo-controls { background: #fffefa; border-color: #d0dec7; border-radius: 16px; }
.flow-demo-controls input, .flow-demo-controls select { background: #f4f7ed; color: #3d6039; border-color: #c6d7bc; border-radius: 9px; }
.flow-demo-controls button { background: #216c60; border-color: #216c60; border-radius: 100px; }
.flow-demo-controls .flow-reset { background: transparent; color: #4d6b47; border-color: #b9cdb0; }
.flow-demo-column { background: #e5ecdc; border-color: #d2dfc8; border-radius: 16px; }
.flow-demo-column h3 { color: #4f7047; }
.flow-stage-count { background: #ccdcbc; color: #435d3b; }
.flow-demo-task { background: #fffefa; border-color: #d0ddc5; border-radius: 12px; box-shadow: none; }
.flow-demo-task small { color: #5c7054; }
.flow-advance { background: #eff5e7; color: #3b6c36; border-color: #bcd3af; border-radius: 100px; }
.flow-done { color: #38623b; background: #dfeeda; }
.flow-empty, .flow-demo-bottom p { color: #536b4d; }
.flow-demo-bottom { border-color: #cbdcc0; }

/* Consent is readable without looking like a separate application. */
.measurement-choice { background: #e9e2f2; color: #473e56; border-color: #c6bbd3; }
.measurement-actions button, .measurement-open { border-color: #a496b3; border-radius: 100px; }
.measurement-actions button:last-child { background: #216c60; border-color: #216c60; color: white; }
.measurement-open { color: inherit; }

/* The final invitation and a light, practical footer. */
.closing { background: #216c60; color: #fffefa; padding: 70px 0; border-bottom: none; }
.closing:after { content: none; }
.closing h2 { max-width: 760px; font-size: clamp(35px, 4.4vw, 61px); line-height: 1.08; font-weight: 600; }
.closing .eyebrow { color: #d8e7db; }
.closing .btn, .closing .btn.dark { background: #f7f6f2; border-color: #f7f6f2; color: #213c33; border-radius: 100px; min-width: 215px; }
.closing .btn:hover, .closing .btn.dark:hover { background: #e2ecdc; border-color: #e2ecdc; }
.site-footer { background: #f7f6f2; color: #213a30; padding: 50px 0 22px; }
.footer-main { gap: 42px; padding-bottom: 35px; }
.footer-logo { width: 112px; height: 84px; background: transparent; padding: 0; border-radius: 0; }
.footer-main h3 { color: #273e32; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; margin-bottom: 19px; }
.footer-main a:not(:has(img)) { color: #53674f; font-size: 12px; line-height: 1.6; margin-bottom: 11px; }
.footer-main a:hover { color: #216c60; }
.footer-main p { color: #596a54; font-size: 12px; line-height: 1.8; }
.footer-main>div:first-child p { max-width: 230px; }
.footer-bottom { border-color: #ccd7c6; color: #56694f; font-size: 11px; }

@media (max-width: 1100px) {
  .header-inner { gap: 22px; }
  .site-header .main-nav { gap: 20px; }
  .section-head, .page-split { gap: 36px; }
  .footer-main { gap: 29px; }
  .calculator { gap: 24px; }
  .calc-summary { padding: 26px; }
}
@media (max-width: 980px) {
  .header-cta { margin-left: auto; }
  .menu-toggle { display: block; }
  .site-header .main-nav { display: none; position: absolute; top: 80px; left: 0; right: 0; margin: 0; padding: 18px 40px 23px; flex-direction: column; align-items: stretch; gap: 0; border-bottom: 1px solid #cdd8c6; background: #f7f6f2; max-height: calc(100dvh - 80px); overflow-y: auto; box-shadow: 0 16px 22px #17222208; }
  .site-header .main-nav.open { display: flex; }
  .site-header .main-nav a { font-size: 16px; padding: 14px 0; }
  .main-nav a[aria-current=page]:after { display: none; }
}
@media (max-width: 780px) {
  .wrap { width: calc(100% - 40px); }
  .section { padding: 60px 0; }
  h2 { font-size: 34px; }
  .section-head { gap: 24px; margin-bottom: 30px; }
  .section-head h2 { margin-bottom: 20px; }
  .eyebrow { font-size: 10px; letter-spacing: .11em; }
  .header-inner { height: 80px; gap: 12px; }
  .brand { min-width: 76px; }
  .brand img { width: 76px; height: 57px; }
  .header-cta { min-height: 42px; padding: 10px 15px; font-size: 12px; gap: 13px; }
  .site-header .main-nav { padding-inline: 22px; }
  .page-hero { padding: 24px 0 38px; }
  .page-hero .breadcrumbs { margin-bottom: 29px; }
  .page-hero h1, .page-split h1 { font-size: clamp(34px, 8vw, 49px); }
  .page-hero .lead { font-size: 15px; margin-top: 20px; }
  .page-split { gap: 28px; }
  .price-card>p { min-height: 0; }
  .price-card .amount { font-size: 38px; }
  .service-row { gap: 13px; padding: 25px 0; }
  .service-row h3 { font-size: 22px; }
  .service-row:hover { padding-inline: 3px; }
  .detail-card { padding: 23px 0 12px; }
  .scope-card, .sample-deliverable { padding: 25px; }
  .service-visual figcaption { padding: 16px 18px; }
  .calculator { gap: 20px; }
  .calc-summary, .nora-cart { position: static; }
  .calc-block { padding: 22px; }
  .field input, .field select, .field textarea, .search-input { font-size: 16px; }
  .contact-form { padding: 24px; }
  .article-body { font-size: 15px; }
  .identity-steps article+article { border-color: #cdd8c6; }
  .closing { padding: 53px 0; }
  .closing h2 { font-size: clamp(34px, 7vw, 47px); }
  .closing .wrap { gap: 29px; }
  .footer-main { gap: 30px 23px; }
  .footer-main>div:first-child { gap: 24px; }
  .footer-logo { width: 96px; height: 72px; }
  .footer-bottom { gap: 14px; }
}
@media (max-width: 480px) {
  .btn { font-size: 13px; min-height: 48px; padding: 13px 19px; }
  .header-inner { gap: 9px; }
  .header-cta { min-height: 41px; font-size: 11px; padding: 10px 13px; }
  .menu-toggle { width: 40px; height: 40px; }
  .service-row { grid-template-columns: 23px 1fr 35px; }
  .service-row h3 { font-size: 21px; }
  .price-card { padding-inline: 23px; }
  .calc-summary { padding: 24px; }
  .calc-summary .total strong { font-size: 33px; }
  .contact-info .phone { font-size: 28px; }
  .footer-main>div:first-child { align-items: flex-start; }
  .footer-main>div:first-child p { font-size: 12px; }
  .site-footer { padding-top: 42px; }
}
/* Explicit label switching keeps both the full and compact CTA paintable. */
@media (max-width: 390px) {
  .header-cta .cta-wide { display: none; }
  .header-cta .cta-narrow { display: inline; }
}
@media (max-width: 360px) {
  .wrap { width: calc(100% - 32px); }
  .page-hero h1, .page-split h1 { font-size: 32px; }
  .service-row h3 { font-size: 19px; }
  .service-row { gap: 10px; }
  .header-cta { padding-inline: 12px; }
  .calc-block, .contact-form { padding: 18px; }
  .quote-navigation { flex-wrap: wrap; row-gap: 16px; }
  .contact-form .btn { font-size: 12px; }
  .footer-main { gap: 28px 17px; }
  .footer-main>div:first-child { gap: 18px; }
  .footer-logo { width: 83px; height: 63px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn, .arrow, .main-nav a:after, .service-row, .price-card, .blog-card .cover, .blog-card .cover img, .sc-project-visual { transition: none; }
  .btn:hover, .btn:hover .arrow, .text-link:hover .arrow, .price-card:hover, .blog-card:hover .cover img { transform: none; }
}

/* A clear inquiry flow with an actual server confirmation state. */
.contact-form-intro{margin-bottom:28px;padding-bottom:25px;border-bottom:1px solid #d2ddd1}
.contact-form-intro .eyebrow{margin-bottom:11px}
.contact-form-intro h3{font-size:30px;line-height:1.2;letter-spacing:-.045em;margin:0 0 10px}
.contact-form-intro>p:last-child{font-size:14px;color:#586561;line-height:1.75;margin:0}
.contact-form .field-grid{margin-bottom:0;align-items:start}
.contact-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.contact-form-actions .btn{margin-top:0;min-height:49px}
.contact-form-actions .btn:disabled{opacity:.7;cursor:default;transform:none;box-shadow:none}
.contact-form .contact-feedback{padding:18px 20px;border:1px solid #b9cdbb;background:#edf3e8;border-radius:12px;font-size:13px;line-height:1.8;margin-top:22px;color:#234c3b;overflow-wrap:anywhere;outline-offset:3px}
.contact-feedback[data-state=error]{background:#fff1e7;border-color:#e5c5b1;color:#773d27}
.contact-feedback[data-state=pending],.contact-feedback[data-state=notice]{background:#f0edf6;border-color:#d6cee5;color:#514763}
.contact-form .fine-print{font-size:11px;margin-top:24px}
.contact-form .fine-print .text-link{font-size:11px;display:inline;border:0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.contact-form-intro h3{font-size:28px}.contact-form-actions{align-items:stretch;gap:10px}.contact-form-actions .btn{justify-content:center;flex:1 1 auto;padding-inline:16px}.contact-form .contact-feedback{padding:16px;font-size:13px}}

/* ADF source: atelier-home.css */
/* ADF Medya — approved homepage, October 2026. */
.at-disciplines{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #cdd1c9;padding-block:29px;font-size:clamp(18px,2.25vw,31px);font-weight:450;letter-spacing:-.045em;line-height:1.3}
.at-disciplines i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#c3cbbb}
.at-portfolio{padding:82px 0 88px}
.at-section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.at-section-title .eyebrow{margin-bottom:12px}.at-section-title h2{font-size:clamp(29px,3.35vw,44px);line-height:1.12;margin:0;letter-spacing:-.055em}.at-section-title>.text-link{white-space:nowrap;flex-shrink:0;margin-bottom:3px}
.at-project-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:28px}.at-project{min-width:0}.at-project-cover{display:block;border-radius:14px;isolation:isolate;overflow:hidden}
.at-project-stage{height:390px;position:relative;overflow:hidden;perspective:1100px;border:1px solid #dcd8ce;border-radius:16px;background:#eae4db;--tx:0deg;--ty:0deg}
.at-stage-nora{background:#dfe7dc;border-color:#d1dccd}
.at-project-browser{position:absolute;width:83%;left:6%;top:40px;transform:rotateX(calc(5deg + var(--tx))) rotateY(calc(7deg + var(--ty))) rotateZ(-1.5deg);background:#f8f6f0;box-shadow:1px 2px 0 #c1beb6,5px 9px 0 -3px #d6d3cc,8px 23px 32px -12px #332d2645;border:1px solid #ffffffd9;border-radius:7px;overflow:hidden;transition:transform .3s ease;transform-style:preserve-3d}
.at-stage-nora .at-project-browser{transform:rotateX(calc(5deg + var(--tx))) rotateY(calc(-6deg + var(--ty))) rotateZ(-2deg);left:5%;top:40px}
.at-browser-bar{height:19px;border-bottom:1px solid #c9c8c23d;display:flex;align-items:center;gap:4px;padding:0 10px;background:#e9e6df;color:#81877e}.at-browser-bar i{height:4px;width:4px;background:#d7a37e;border-radius:100%}.at-browser-bar i:nth-child(2){background:#dfcd8c}.at-browser-bar i:nth-child(3){background:#9cbaa4}.at-browser-bar span{margin-left:auto;font-size:10px}
.at-mini-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:#354037}.at-mini-header>span{font:18px/1.1 Georgia,serif;letter-spacing:.06em}.at-mini-header small{font:6px/1.5 Manrope,sans-serif}
.at-mini-layout{display:grid;grid-template-columns:.87fr 1.13fr;min-height:222px}.at-mini-layout>div{padding:23px 7px 18px 20px;position:relative;z-index:1}.at-mini-layout strong{display:block;font-size:clamp(17px,2.08vw,27px);font-weight:450;letter-spacing:-.055em;line-height:1.15;color:#28332e}.at-mini-layout p{font-size:8px;line-height:1.5;margin:12px 0 18px;max-width:150px;color:#6a6f64}.at-mini-layout img{width:100%;height:100%;object-fit:cover;min-height:222px}
.at-mini-cta{display:inline-block;font-size:7px;border-bottom:1px solid #819185;padding:5px 0;color:#3c5b4b;white-space:nowrap}.at-mini-bottom{padding:12px 20px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dddcd5;font-size:6px;color:#5b665b;letter-spacing:.06em}.at-stage-nora .at-mini-cta{padding:5px 9px;background:#2a6359;border-radius:20px;color:#fff;border:0}
.at-project-phone{position:absolute;right:5%;top:135px;width:112px;height:223px;transform:rotateZ(3deg) translateZ(30px);background:#fcfaf5;border:4px solid #26312d;outline:1px solid #a9aca3;border-radius:19px;box-shadow:6px 12px 20px #19251b35;overflow:hidden}.at-phone-island{position:absolute;top:4px;left:34%;width:35%;height:7px;background:#27332c;border-radius:20px;z-index:1}.at-project-phone>div{padding:19px 7px 7px}.at-project-phone small{font:10px/1 Georgia,serif;letter-spacing:.04em;display:block;margin-bottom:15px}.at-project-phone strong{font-size:16px;font-weight:450;line-height:1.1;letter-spacing:-.05em;display:block;margin-bottom:13px}.at-project-phone img{width:100%;height:90px;object-fit:cover}.at-project-phone .at-mini-cta{font-size:6px}
.at-project-caption{display:grid;grid-template-columns:minmax(0,1fr) auto 42px;align-items:start;gap:12px;padding:23px 2px 0}.at-project-caption>div{flex:1;min-width:0}.at-project-caption h3{margin:0 0 5px;font-size:22px;font-weight:650;letter-spacing:-.04em;line-height:1.35}.at-project-caption h3 span{font-weight:450}.at-project-caption p{font-size:12px;line-height:1.65;color:#637069;margin:0;max-width:340px}.at-concept{font-size:11px;color:#53625a;white-space:nowrap;padding:4px 9px;border:1px solid #d5ddd2;background:#edf1e8;border-radius:30px;margin-top:2px}.at-circle{height:42px;width:42px;flex:0 0 42px;border:1px solid #8c9990;display:grid;place-items:center;border-radius:100%;font-size:23px;transition:background .2s,color .2s}.at-circle:hover,.at-project:hover .at-circle,.at-project:focus-within .at-circle{background:#216c60;color:#fff;border-color:#216c60}
.at-services{background:#e8e0f1;padding:76px 0 70px}.at-services-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:80px;align-items:start}.at-services h2{font-size:clamp(31px,3.55vw,48px);line-height:1.13;margin:0 0 19px;letter-spacing:-.055em}.at-services .eyebrow{margin-bottom:18px}.at-services-grid>div>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:370px;color:#36443f;margin-bottom:25px}.at-services .text-link{border-color:#819187}.at-service-accordion details{padding:0;border:0;border-bottom:1px solid #a5a3af70;background:none;border-radius:0;box-shadow:none}.at-service-accordion details:last-child{border:0}.at-service-accordion summary{list-style:none;display:flex;gap:20px;align-items:center;padding:23px 18px;cursor:pointer;color:#172222;min-height:74px}.at-service-accordion summary::-webkit-details-marker{display:none}.at-service-accordion summary:after{display:none}.at-service-accordion summary>span{font-size:22px;letter-spacing:-.06em;font-weight:400}.at-service-accordion h3{font-size:22px;line-height:1.3;font-weight:550;letter-spacing:-.04em;margin:0}.at-service-accordion summary i{font-style:normal;font-size:22px;margin-left:auto;transition:transform .2s}.at-service-accordion details[open] summary i{transform:rotate(-90deg)}.at-service-accordion details[open]{background:#f9f7f380;border-radius:14px;border-color:transparent;box-shadow:0 4px 18px #4b405506}.at-service-accordion details[open] summary{padding-bottom:10px}.at-service-content{padding:0 24px 24px 64px}.at-service-content p{font-size:14px;line-height:1.75;margin:0 0 16px;color:#53605b;max-width:390px}.at-service-content>div{display:flex;gap:8px 19px;flex-wrap:wrap}.at-service-content a{font-size:12px;color:#19594f;border-bottom:1px solid #87988e;padding-bottom:2px}
.at-process{padding:64px 0 70px}.at-process .eyebrow{margin-bottom:24px}.at-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0}.at-process li{display:flex;gap:20px;border-right:1px solid #cbd1c9;padding:0 24px}.at-process li:first-child{padding-left:0}.at-process li:last-child{border:0;padding-right:0}.at-process li>span{font-size:38px;line-height:1;font-weight:400;letter-spacing:-.065em;color:#688276}.at-process h3{font-size:18px;margin:0 0 10px;font-weight:650}.at-process p{font-size:13px;line-height:1.75;color:#69746c;margin:0}
@media(max-width:1100px){.at-project-caption{gap:9px}.at-project-caption h3{font-size:18px}.at-project-caption p{font-size:11px}.at-concept{font-size:11px}.at-circle{width:36px;height:36px;flex-basis:36px}.at-services-grid{gap:45px}.at-project-stage{height:335px}.at-mini-layout{min-height:190px}.at-mini-layout img{min-height:190px}.at-project-phone{top:130px;right:4%;width:96px;height:190px}.at-project-phone>div{padding-top:18px}.at-project-phone small{margin-bottom:10px}.at-project-phone strong{font-size:14px;margin-bottom:9px}.at-project-phone img{height:73px}.at-mini-header{padding:13px 15px}.at-mini-layout>div{padding:19px 6px 14px 15px}.at-process li{padding-inline:17px;gap:13px}}
@media(max-width:780px){.at-disciplines{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;padding-block:23px;font-size:23px}.at-disciplines i{display:none}.at-disciplines span{display:flex;align-items:center;gap:12px}.at-disciplines span:before{content:'';width:5px;height:5px;background:#bbc8b7;border-radius:100%;flex:none}.at-portfolio{padding:58px 0}.at-section-title{display:block;margin-bottom:28px}.at-section-title h2{font-size:34px;max-width:460px}.at-section-title>.text-link{margin-top:20px}.at-project-grid{grid-template-columns:1fr;gap:34px}.at-project-stage{height:380px}.at-project-browser{width:82%;max-width:490px;top:37px;left:6%}.at-mini-layout{min-height:225px}.at-mini-layout img{min-height:225px}.at-mini-layout strong{font-size:29px}.at-mini-layout p{font-size:9px;max-width:150px}.at-mini-layout>div{padding:22px 10px 20px 20px}.at-mini-header{padding:15px 20px}.at-mini-header small{font-size:7px}.at-project-phone{top:135px;right:7%;width:114px;height:227px}.at-project-phone>div{padding:20px 7px 7px}.at-project-phone small{font-size:11px;margin-bottom:15px}.at-project-phone strong{font-size:16px;margin-bottom:13px}.at-project-phone img{height:95px}.at-project-caption h3{font-size:20px}.at-project-caption p{font-size:12px}.at-concept{font-size:11px}.at-services{padding:52px 0 37px}.at-services-grid{grid-template-columns:1fr;gap:27px}.at-services h2{font-size:38px}.at-services-grid>div>p:not(.eyebrow){font-size:16px}.at-service-accordion h3{font-size:21px}.at-service-content p{font-size:14px}.at-service-content a{font-size:12px}.at-process{padding:42px 0}.at-process ol{grid-template-columns:1fr 1fr;gap:30px 0}.at-process li{padding:0 22px;border-right:1px solid #cbd1c9}.at-process li:nth-child(odd){padding-left:0}.at-process li:nth-child(even){border:0;padding-right:0}.at-process p{font-size:12px}}
@media(max-width:480px){.at-disciplines{font-size:20px;gap:15px 12px}.at-portfolio h2{font-size:31px}.at-project-stage{height:290px}.at-project-browser{top:30px;left:5%;width:84%}.at-mini-header{padding:10px 13px}.at-mini-header>span{font-size:14px}.at-mini-header small{font-size:5px}.at-mini-layout{min-height:173px}.at-mini-layout img{min-height:173px}.at-mini-layout>div{padding:17px 5px 10px 13px}.at-mini-layout strong{font-size:22px}.at-mini-layout p{font-size:7px;margin:10px 0}.at-mini-cta{font-size:6px}.at-mini-bottom{padding:9px 13px;font-size:5px}.at-project-phone{width:89px;height:177px;top:96px;right:5%;border-width:3px;border-radius:15px}.at-project-phone>div{padding:18px 6px 5px}.at-project-phone small{font-size:9px;margin-bottom:10px}.at-project-phone strong{font-size:13px;margin-bottom:9px}.at-project-phone img{height:66px}.at-project-phone .at-mini-cta{font-size:5px}.at-project-caption{display:grid;grid-template-columns:1fr 35px;gap:5px 8px;padding-top:16px}.at-project-caption>div{grid-column:1}.at-project-caption h3{font-size:19px}.at-project-caption p{font-size:11px}.at-concept{grid-column:1;font-size:10px}.at-circle{grid-column:2;grid-row:1/3;align-self:start;width:35px;height:35px;flex-basis:35px}.at-services h2{font-size:33px}.at-services-grid{gap:20px}.at-service-accordion summary{gap:16px}.at-service-accordion h3{font-size:19px}.at-service-accordion summary>span{font-size:20px}.at-service-content{padding-left:54px;padding-right:18px}.at-process li{gap:12px;padding-inline:15px}.at-process li>span{font-size:24px}.at-process h3{font-size:16px}.at-process p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.at-project-browser{transition:none!important;transform:rotateX(5deg) rotateY(5deg) rotateZ(-1deg)!important}}

/* Caption hierarchy stays legible even when two project cards share a row. */
@media(min-width:781px) and (max-width:1100px){.at-project-caption{grid-template-columns:minmax(0,1fr) 36px;gap:5px 12px}.at-project-caption>div{grid-column:1}.at-concept{grid-column:1;justify-self:start;margin-top:3px}.at-circle{grid-column:2;grid-row:1/3}}
@media(max-width:780px){.at-project-caption{grid-template-columns:minmax(0,1fr) auto 40px}.at-project-caption h3{font-size:22px}.at-project-caption p{font-size:12px}.at-concept{font-size:10px}.at-process li>span{font-size:34px}.at-service-accordion summary{padding-inline:16px}}
@media(max-width:480px){.at-project-caption{grid-template-columns:minmax(0,1fr) 38px;gap:6px 12px}.at-project-caption h3{font-size:21px}.at-project-caption p{font-size:11px}.at-concept{justify-self:start;padding:3px 8px;font-size:10px}.at-circle{width:38px;height:38px}.at-process li>span{font-size:31px}.at-service-accordion summary{padding-inline:14px}.at-service-content{padding-left:52px;padding-right:16px}}

/* Software and advertising sit beside web design in the project narrative. */
.at-support-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:28px;margin-top:34px}
.at-support-card{min-width:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:1fr auto;column-gap:18px;min-height:246px;padding:23px 22px 0;border:1px solid #d8dfd3;border-radius:16px;background:#f1f3eb;overflow:hidden}
.at-support-move{background:#f0ede7;border-color:#dfd9cf}
.at-support-copy{min-width:0;padding-top:1px}.at-support-label{font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.5;color:#4b685b;margin:0 0 10px}.at-support-copy h3{font-size:24px;font-weight:600;letter-spacing:-.045em;line-height:1.17;margin:0 0 12px;color:#1f342c}.at-support-copy>p:last-child{font-size:12px;line-height:1.65;color:#5e6e61;margin:0;max-width:225px}
.at-support-visual{align-self:center;display:block;min-width:0;position:relative;transition:transform .25s}.at-support-visual:hover{transform:translateY(-2px)}.at-support-visual:focus-visible{outline-offset:5px}
.at-flow-visual{background:#fffefa;border:1px solid #d0d9ca;border-radius:8px;box-shadow:0 8px 18px #273f2b0d;transform:rotate(-1.5deg)}.at-flow-visual:hover{transform:rotate(0)}.at-flow-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px;border-bottom:1px solid #e5e9e0}.at-flow-top>b{font-size:18px;line-height:1;letter-spacing:-.06em;font-weight:650;color:#284f40}.at-flow-top>b>span{font-size:6px;vertical-align:top;margin-left:2px}.at-flow-top>span{font-size:5px;letter-spacing:.06em;color:#748371}.at-flow-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 9px 15px}.at-flow-board>div{min-width:0}.at-flow-board small{font-size:5px;letter-spacing:.025em;color:#73846d;display:flex;justify-content:space-between;gap:2px;margin-bottom:8px;white-space:nowrap}.at-flow-board small i{font-style:normal;color:#98a38d}.at-flow-board>div>div{border:1px solid #dce4d4;background:#f5f7f0;border-radius:4px;padding:9px 6px;min-height:59px;font-size:7px;font-weight:600;line-height:1.5;color:#3b5444}.at-flow-board>div:last-child>div{background:#edf3e5}.at-flow-board>div>div>span{display:flex;justify-content:space-between;gap:3px;font-size:5px;font-weight:400;color:#7a886e;margin-top:13px}.at-flow-board i{font-style:normal}
.at-move-visual>div{display:grid;grid-template-columns:.95fr 15px 1.05fr;align-items:center;gap:6px}.at-move-ad{position:relative;min-width:0;height:153px;overflow:hidden;border-radius:7px;background:#2557ba;box-shadow:0 6px 14px #22395715;transform:rotate(-3deg)}.at-move-ad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%}.at-move-ad>span{position:absolute;top:10px;left:9px;font-size:9px;font-weight:750;letter-spacing:-.04em;color:#fff}.at-move-ad>strong{position:absolute;bottom:12px;left:9px;font-size:13px;letter-spacing:-.035em;line-height:1.13;color:#fff;max-width:95px;text-shadow:0 1px 5px #071c4c80}.at-move-connect{font-style:normal;font-size:16px;color:#698376;text-align:center}.at-move-landing{background:#fffefa;border:1px solid #dbd7ce;border-radius:6px;min-width:0;height:142px;padding:9px 10px;box-shadow:0 8px 16px #47433310;transform:rotate(2deg)}.at-move-landing>div{display:flex;gap:3px;border-bottom:1px solid #e5e4de;padding-bottom:7px;margin-bottom:10px}.at-move-landing>div span{width:3px;height:3px;border-radius:50%;background:#c4c6b9}.at-move-landing>small{font-size:5px;letter-spacing:.08em;display:block;color:#7b8377;margin-bottom:7px}.at-move-landing>strong{font-size:14px;line-height:1.13;letter-spacing:-.04em;font-weight:550;color:#243c32;display:block}.at-move-link{font-size:5px;border-radius:15px;background:#216c60;color:#fffefa;padding:5px 7px;display:inline-block;margin:9px 0 7px;white-space:nowrap}.at-move-line{display:block;height:3px;border-radius:2px;width:90%;background:#e4e8dc;margin-top:4px}.at-move-line:last-child{width:64%}
.at-support-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #d6ddcf;margin-top:20px;padding:12px 0 14px;font-size:10px;color:#667760}.at-support-footer>span{white-space:nowrap}.at-support-footer>div{display:flex;gap:17px;flex-wrap:wrap}.at-support-footer a{font-size:11px;color:#2c5848;font-weight:550;border-bottom:1px solid #a7baaa;padding-bottom:1px}.at-support-footer a:hover{color:#123f32;border-color:#123f32}
.at-portfolio-note{font-size:11px;line-height:1.7;color:#6b786b;margin:21px 0 0;max-width:760px}
.at-service-content h4{margin:20px 0 9px;font-size:11px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:#546b5e}.at-deliverables{list-style:none;padding:0;margin:0 0 19px;max-width:400px}.at-deliverables li{position:relative;padding:0 0 0 15px;font-size:12px;line-height:1.65;color:#53645a;margin:0 0 8px}.at-deliverables li:before{content:'';position:absolute;left:0;top:.67em;width:4px;height:4px;background:#7d9889;border-radius:50%}.at-service-content .at-scope-note{font-size:10px;line-height:1.65;color:#6a786e;margin:16px 0 0;max-width:390px}
@media(max-width:1100px){.at-support-card{column-gap:14px;padding:21px 18px 0;min-height:240px}.at-support-copy h3{font-size:21px}.at-support-copy>p:last-child{font-size:11px}.at-flow-top{padding:11px 9px 9px}.at-flow-top>span{font-size:4px}.at-flow-board{gap:4px;padding:10px 6px 12px}.at-flow-board>div>div{font-size:6px;padding:8px 4px}.at-flow-board small{font-size:4px}.at-flow-board>div>div>span{font-size:4px}.at-move-ad{height:140px}.at-move-landing{height:132px;padding:8px}.at-move-ad>strong{font-size:11px}.at-move-landing>strong{font-size:12px}.at-support-footer>div{gap:12px}}
@media(max-width:780px){.at-support-grid{grid-template-columns:1fr;gap:21px;margin-top:30px}.at-support-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:25px;min-height:235px;padding:23px 24px 0}.at-support-copy h3{font-size:26px}.at-support-copy>p:last-child{font-size:13px}.at-support-label{font-size:10px}.at-flow-top>b{font-size:20px}.at-flow-top>span{font-size:6px}.at-flow-top{padding:13px}.at-flow-board{padding:13px 10px 16px;gap:7px}.at-flow-board small{font-size:6px}.at-flow-board>div>div{font-size:8px;padding:10px 7px;min-height:68px}.at-flow-board>div>div>span{font-size:6px}.at-move-ad{height:174px}.at-move-landing{height:160px;padding:11px}.at-move-ad>strong{font-size:15px}.at-move-landing>strong{font-size:16px}.at-move-landing>small{font-size:6px}.at-move-link{font-size:6px}.at-support-footer{font-size:11px;padding-bottom:16px}.at-support-footer a{font-size:12px}.at-portfolio-note{font-size:11px;margin-top:20px}.at-deliverables li{font-size:13px}}
@media(max-width:480px){.at-support-card{grid-template-columns:minmax(0,1fr);padding:23px 21px 0;min-height:0}.at-support-copy h3{font-size:25px;margin-bottom:10px}.at-support-copy>p:last-child{font-size:12px;max-width:290px}.at-support-label{margin-bottom:8px}.at-support-visual{width:100%;max-width:300px;justify-self:center;margin-top:22px}.at-flow-top{padding:12px}.at-flow-board{padding:14px 9px 16px;gap:7px}.at-flow-board small{font-size:5px}.at-flow-board>div>div{font-size:7px;min-height:64px}.at-flow-board>div>div>span{font-size:5px}.at-move-visual{max-width:277px}.at-move-ad{height:151px}.at-move-landing{height:142px;padding:10px}.at-move-ad>strong{font-size:14px}.at-move-landing>strong{font-size:15px}.at-support-footer{gap:8px;margin-top:20px}.at-support-footer>div{gap:16px}.at-support-footer a{font-size:11px}.at-service-content h4{font-size:10px}.at-deliverables li{font-size:12px}.at-service-content .at-scope-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.at-support-visual{transition:none}.at-support-visual:hover{transform:none}}

/* ADF source: atelier-hero.css */
/* Approved ADF concept: dimensional, inspectable web design. */
.ah-hero{background:#f7f6f2;color:#172222;overflow:hidden;isolation:isolate}
.ah-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:18px;align-items:center;min-height:640px;padding:30px 0 28px}
.ah-copy{position:relative;z-index:2;padding:10px 0 22px;min-width:0}
.ah-eyebrow{margin:0 0 24px;font-size:10px;font-weight:650;line-height:1.7;letter-spacing:.16em;color:#495656}
.ah-copy h1{font:750 clamp(46px,5.1vw,72px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 26px;max-width:610px}
.ah-copy h1>span{display:block;white-space:nowrap}.ah-copy h1>span:last-child{color:#24665f}
.ah-description{font-size:17px;line-height:1.65;letter-spacing:-.02em;max-width:370px;margin:0 0 29px;color:#34423f}
.ah-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.ah-primary{display:inline-flex;align-items:center;gap:20px;border:1px solid #21665e;border-radius:40px;background:#21665e;color:#fff;min-height:54px;padding:14px 24px;font-size:13px;line-height:1.4;font-weight:600;transition:background .18s,transform .18s;white-space:nowrap}
.ah-primary span{font-size:20px;font-weight:400}.ah-primary:hover{background:#184e47;transform:translateY(-2px)}
.ah-secondary{display:inline-flex;gap:14px;align-items:center;font-size:12px;line-height:1.4;border-bottom:1px solid #9caaa0;padding:8px 0;color:#21574f;white-space:nowrap}.ah-secondary:hover{color:#163f39;border-color:currentColor}
.ah-visual{--ah-accent:#216c60;--ah-accent-light:#dce6dd;--ah-layout:#d8cde3;--ah-layout-ink:#81758d;--ah-browser:#faf9f5;position:relative;min-width:0;align-self:center;z-index:1}
.ah-visual[data-ah-theme=lavender]{--ah-accent:#66577f;--ah-accent-light:#e6deef;--ah-layout:#dbe6dc;--ah-layout-ink:#78897a;--ah-browser:#fcf9ff}
.ah-visual[data-ah-theme=charcoal]{--ah-accent:#263d40;--ah-accent-light:#dce2e1;--ah-layout:#d7dcdd;--ah-layout-ink:#707c80;--ah-browser:#f7f8f7}
.ah-stage{position:relative;width:calc(100% + 12px);margin-left:-4px;aspect-ratio:1.15;perspective:1350px;touch-action:pan-y;cursor:grab;outline-offset:3px;user-select:none;-webkit-user-select:none}
.ah-stage:focus-visible{outline:2px solid var(--ah-accent);border-radius:18px}
.ah-stage.ah-dragging{cursor:grabbing}.ah-stage.ah-dragging .ah-world{transition:none}
.ah-world{position:absolute;inset:0;transform-style:preserve-3d;transform:scale(.97) rotateX(var(--ah-rx,4deg)) rotateY(var(--ah-ry,-9deg));transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform}
.ah-floor{position:absolute;width:78%;height:14%;bottom:4%;left:15%;background:radial-gradient(ellipse,rgba(72,67,58,.2),rgba(72,67,58,0) 70%);filter:blur(13px);transform:rotate(-5deg);pointer-events:none}
.ah-depth{position:absolute;transform-style:preserve-3d;backface-visibility:hidden}
.ah-plan{width:62%;height:65%;right:3%;top:7%;border-radius:8px;background:var(--ah-layout);border:1px solid rgba(255,255,255,.8);color:var(--ah-layout-ink);box-shadow:6px 3px 0 color-mix(in srgb,var(--ah-layout),#5c5365 15%),16px 24px 34px rgba(64,56,53,.13);transform:translateZ(-38px) rotateY(-8deg) rotateZ(-3deg);padding:23px;overflow:hidden;transition:background .35s,color .35s}
.ah-plan-heading{font-size:10px;letter-spacing:.16em;display:flex;justify-content:space-between}.ah-plan-heading span{font-size:7px;letter-spacing:.09em}
.ah-plan-line{border:1px solid currentColor;opacity:.3;position:absolute;pointer-events:none}.ah-plan-line-one{left:14%;top:25%;width:53%;height:54%}.ah-plan-line-two{left:26%;top:18%;width:48%;height:65%}.ah-plan-line-three{left:6%;top:39%;width:45%;height:28%}.ah-plan-room{position:absolute;top:40%;left:30%;width:12%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.3}
.ah-plan>p{position:absolute;right:8%;top:27%;font:italic 25px/1.5 Georgia,serif;letter-spacing:-.03em;margin:0;transform:rotate(-6deg)}.ah-plan-foot{position:absolute;bottom:21px;left:23px;font-size:8px;letter-spacing:.1em}
.ah-browser{width:87%;height:64%;left:0;top:15%;background:var(--ah-browser);border-radius:7px;border:1px solid rgba(255,255,255,.95);box-shadow:1px 3px 0 #d3d0c9,2px 5px 0 #bfbcb6,4px 7px 0 #c9c7c1,14px 24px 30px rgba(52,49,43,.2);transform:translateZ(8px) rotateY(3deg) rotateZ(2deg);overflow:hidden;color:#2d322e;transition:background .35s}
.ah-browser-chrome{height:7%;min-height:16px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:0 12px;background:#e8e5e0;border-bottom:1px solid #d9d5ce;color:#a7a49d;font-size:8px}
.ah-window-dots{display:flex;gap:4px}.ah-window-dots i{width:5px;height:5px;border-radius:100%;background:#d5776b}.ah-window-dots i:nth-child(2){background:#dcb25d}.ah-window-dots i:nth-child(3){background:#82a67c}.ah-window-address{font-size:6px;letter-spacing:.06em;opacity:.8}
.ah-browser-nav{height:14%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6%;font-size:7px}.ah-browser-nav>b{font-size:17px;font-weight:500;letter-spacing:.02em}.ah-browser-menu{display:none}
.ah-browser-content{height:71%;display:grid;grid-template-columns:41% 59%;padding:0 5% 0 6%;gap:0;overflow:hidden;align-items:stretch}
.ah-browser-copy{padding:10% 7% 5% 0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.ah-mini-kicker{font-size:5px;letter-spacing:.11em;color:var(--ah-accent);margin-bottom:13px}
.ah-browser-copy h2{font:450 clamp(17px,2.25vw,33px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:0 0 12px;color:#242d28}.ah-browser-copy p{font-size:7px;line-height:1.6;color:#70786e;margin:0 0 12px}
.ah-mini-link{margin-top:auto;font-size:6px;border-bottom:1px solid #c8cfc7;padding-bottom:4px;display:flex;align-items:center;gap:13px;color:var(--ah-accent)}.ah-mini-link i{font-style:normal;font-size:10px}
.ah-browser-content>img{width:100%;height:100%;object-fit:cover;object-position:53% 50%;pointer-events:none}
.ah-browser-footer{height:8%;padding:0 6%;display:flex;align-items:center;justify-content:space-between;font-size:5px;color:#848b80;letter-spacing:.08em}
.ah-phone{width:21.5%;height:51%;right:1%;top:41%;border-radius:23px;background:#121b1b;border:2px solid #87908b;box-shadow:3px 3px 0 #565b58,4px 5px 0 #18211f,8px 14px 15px rgba(40,45,38,.27);transform:translateZ(65px) rotateY(-7deg) rotateZ(5deg);padding:5px;color:#2f372f}
.ah-phone:before{content:'';position:absolute;left:-4px;top:25%;height:9%;width:2px;background:#69756e;border-radius:3px}.ah-phone:after{content:'';position:absolute;bottom:9px;width:32%;height:3px;border-radius:8px;background:#20251f;left:34%}
.ah-phone-inner{width:100%;height:100%;border-radius:17px;overflow:hidden;background:var(--ah-browser);display:flex;flex-direction:column;transition:background .35s}
.ah-phone-camera{position:absolute;top:7px;left:32%;width:36%;height:10px;background:#101817;border-radius:0 0 9px 9px;z-index:2}
.ah-phone-status{height:6%;padding:1px 8px 0;display:flex;justify-content:space-between;font-size:4px;font-weight:700;flex-shrink:0}
.ah-phone-nav{display:flex;justify-content:space-between;padding:7px 10px 4px;font-size:8px;align-items:center}.ah-phone-nav b{font-size:9px;letter-spacing:.03em;font-weight:500}.ah-phone-nav>span{font-size:8px}
.ah-phone-copy{padding:10px 10px 8px}.ah-phone-copy h3{font:450 clamp(10px,1.25vw,18px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 7px}.ah-phone-copy p{font-size:4px;line-height:1.5;color:#798173;margin:0}
.ah-phone-inner>img{width:100%;height:auto;min-height:0;flex:1;object-fit:cover;object-position:56% center;pointer-events:none}.ah-phone-bottom{display:flex;justify-content:space-between;padding:7px 10px 13px;font-size:5px;color:var(--ah-accent)}
.ah-ad{width:19.5%;height:32%;left:-1%;bottom:10%;background:var(--ah-accent);color:#fff;border-radius:10px;box-shadow:2px 2px 0 color-mix(in srgb,var(--ah-accent),#fff 30%),4px 5px 0 color-mix(in srgb,var(--ah-accent),#111 18%),8px 18px 23px rgba(45,52,43,.22);transform:translateZ(80px) rotateY(10deg) rotateZ(-4deg);overflow:hidden;transition:background .35s}
.ah-ad>img{width:100%;height:40%;object-fit:cover;object-position:30% 52%;pointer-events:none}.ah-ad-copy{height:60%;padding:9px 11px}.ah-ad-copy>span{font-size:4px;letter-spacing:.1em;display:block;opacity:.8;margin-bottom:5px}.ah-ad-copy>p{font:450 12px/1.13 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 8px}.ah-ad-copy>div{display:flex;gap:10px;align-items:center}.ah-ad-copy>div>i{font-size:16px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #ffffff70;border-radius:50%;font-style:normal;flex-shrink:0}.ah-ad-copy>div>span{font-size:5px;line-height:1.45;opacity:.85}
.ah-tools{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;width:max-content;max-width:100%;margin:0 auto;padding:7px 12px;border:1px solid #d6dfd5;border-radius:50px;background:#fffefa;box-shadow:0 8px 22px #263d2c06;z-index:2}
.ah-discover{display:flex;align-items:center;gap:9px;color:#344744;font-size:10px}.ah-swatches{display:flex;gap:4px}.ah-swatch{height:38px;width:36px;padding:8px;background:transparent;border:1px solid transparent;border-radius:50%;display:grid;place-items:center}.ah-swatch>span{display:block;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000009}.ah-swatch-sage>span{background:#216c60}.ah-swatch-lavender>span{background:#d8cde3}.ah-swatch-charcoal>span{background:#263d40}.ah-swatch[aria-pressed=true]{border-color:#819e90;background:#edf2e9;box-shadow:inset 0 0 0 2px #fffefa}.ah-swatch:hover{border-color:#b9c8bf}
.ah-reset{width:36px;height:36px;border:1px solid #cad3cb;border-radius:50%;background:transparent;display:grid;place-items:center;padding:0;line-height:1;font-size:19px;color:#48625b}.ah-reset:hover{background:#e7ece5}
.ah-instructions{font-size:8px;line-height:1.6;margin:7px 0 0;text-align:center;color:#647168;letter-spacing:.025em}.ah-instructions>span{margin-left:8px;padding-left:9px;border-left:1px solid #cbd3cb}
.ah-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ah-service-strip{border-top:1px solid #d0d6cd;border-bottom:1px solid #d0d6cd;display:flex;align-items:center;justify-content:space-around;gap:20px;padding:27px 20px;font-size:clamp(17px,2.25vw,29px);font-weight:450;letter-spacing:-.035em;line-height:1.4}.ah-service-strip>i{display:block;width:8px;height:8px;border-radius:50%;background:#becdbb;flex-shrink:0}.ah-service-strip>a:hover{color:#216c60}
@media(min-width:1500px){.ah-grid{min-height:650px}.ah-copy h1{font-size:72px}}
@media(max-width:1100px){.ah-grid{min-height:550px;padding:28px 0}.ah-copy h1{font-size:clamp(42px,4.8vw,60px)}.ah-eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:21px}.ah-description{font-size:16px;max-width:330px}.ah-actions{gap:18px}.ah-primary{font-size:12px;padding:13px 18px;gap:14px;min-height:49px}.ah-secondary{font-size:11px}.ah-plan>p{font-size:20px}.ah-browser-nav{font-size:6px}.ah-browser-nav>b{font-size:15px}.ah-mini-kicker{margin-bottom:8px}.ah-browser-copy p{font-size:6px}.ah-ad-copy{padding:7px 9px}.ah-ad-copy>p{font-size:10px;margin-bottom:6px}.ah-ad-copy>div>i{width:22px;height:22px;font-size:14px}.ah-tools{gap:10px}.ah-service-strip{padding:24px 7px;gap:14px}}
@media(max-width:850px) and (min-width:781px){.ah-grid{grid-template-columns:.98fr 1.02fr;min-height:510px}.ah-copy h1{font-size:40px}.ah-description{font-size:15px}.ah-primary{font-size:11px;min-height:45px;padding:11px 16px}.ah-secondary{font-size:10px}.ah-actions{gap:14px}.ah-browser-nav>span:not(.ah-browser-menu){display:none}.ah-browser-menu{display:inline}.ah-ad-copy>span{display:none}.ah-ad-copy>p{font-size:9px}.ah-ad-copy>div>span{font-size:4px}.ah-phone-copy{padding:6px 8px}.ah-phone-nav{padding:5px 8px}.ah-phone-camera{height:8px}.ah-phone{border-radius:17px;padding:4px}.ah-phone-inner{border-radius:12px}.ah-instructions{font-size:7px}}
@media(max-width:780px){.ah-grid{grid-template-columns:1fr;min-height:0;gap:6px;padding:28px 0 24px}.ah-copy{padding:0;max-width:560px}.ah-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:16px}.ah-copy h1{font-size:clamp(42px,9.3vw,66px);line-height:1.08;letter-spacing:-.055em;margin-bottom:20px}.ah-description{font-size:16px;max-width:370px;line-height:1.55;margin-bottom:20px}.ah-actions{gap:18px}.ah-primary{font-size:12px;padding:14px 21px;min-height:51px}.ah-secondary{font-size:11px}.ah-visual{width:100%;max-width:580px;margin:0 auto}.ah-stage{width:100%;margin-left:0;aspect-ratio:1.22}.ah-browser{left:3%;width:83%;top:14%}.ah-plan{right:4%;top:5%;height:66%}.ah-ad{left:2%;bottom:9%;width:23%;height:35%}.ah-phone{right:4%;top:41%;width:23%;height:52%;border-radius:21px}.ah-phone-inner{border-radius:15px}.ah-browser-copy h2{font-size:clamp(17px,5vw,28px)}.ah-browser-nav>b{font-size:clamp(12px,3vw,17px)}.ah-browser-nav>span{font-size:6px}.ah-mini-kicker{font-size:5px}.ah-browser-copy p{font-size:6px}.ah-phone-copy h3{font-size:clamp(11px,3vw,18px)}.ah-phone-copy p{font-size:4px}.ah-plan>p{font-size:clamp(17px,4vw,22px)}.ah-plan-heading{font-size:7px}.ah-plan-heading>span{font-size:5px}.ah-plan-foot{font-size:6px}.ah-ad-copy>span{font-size:4px}.ah-ad-copy>p{font-size:clamp(9px,2.6vw,13px)}.ah-ad-copy>div>span{font-size:5px}.ah-ad-copy>div>i{width:25px;height:25px}.ah-tools{margin-top:0;gap:9px;padding:6px 10px}.ah-discover{font-size:10px}.ah-instructions{font-size:8px}.ah-service-strip{padding:22px 0;justify-content:space-between;font-size:clamp(12px,2.6vw,20px);gap:8px;letter-spacing:-.03em}.ah-service-strip>i{width:4px;height:4px}}
@media(max-width:400px){.ah-copy h1{font-size:clamp(36px,10.3vw,41px)}.ah-eyebrow{font-size:8px;letter-spacing:.13em}.ah-description{font-size:15px}.ah-actions{gap:17px}.ah-primary{font-size:11px;padding:13px 16px;min-height:48px;gap:12px}.ah-secondary{font-size:10px}.ah-grid{padding-top:26px;gap:10px}.ah-browser-nav>span:not(.ah-browser-menu){display:none}.ah-browser-menu{display:inline}.ah-browser-chrome{min-height:12px;padding:0 8px}.ah-browser-content{padding-right:4%}.ah-window-dots i{width:3px;height:3px}.ah-browser-copy{padding-top:6%}.ah-mini-kicker{font-size:4px;margin-bottom:6px}.ah-browser-copy h2{font-size:17px;margin-bottom:7px}.ah-browser-copy p{font-size:5px;margin-bottom:7px}.ah-mini-link{font-size:5px}.ah-browser-footer{font-size:4px}.ah-phone{border-radius:16px;padding:3px}.ah-phone-inner{border-radius:11px}.ah-phone-camera{height:7px;top:5px}.ah-phone-nav{padding:5px 7px 2px}.ah-phone-nav b{font-size:7px}.ah-phone-copy{padding:6px 7px}.ah-phone-copy h3{font-size:11px;margin-bottom:4px}.ah-phone-copy p{font-size:3px}.ah-phone-bottom{font-size:4px;padding:5px 7px 10px}.ah-phone:after{height:2px;bottom:7px}.ah-ad{border-radius:6px}.ah-ad-copy{padding:6px 7px}.ah-ad-copy>span{font-size:3px;margin-bottom:4px}.ah-ad-copy>p{font-size:8px;margin-bottom:6px}.ah-ad-copy>div{gap:6px}.ah-ad-copy>div>i{width:19px;height:19px;font-size:12px}.ah-ad-copy>div>span{font-size:3px}.ah-tools{gap:6px;padding:5px 7px}.ah-discover{font-size:10px;gap:6px}.ah-discover svg{width:24px;height:24px}.ah-instructions{font-size:7px}.ah-instructions>span{padding-left:6px;margin-left:5px}.ah-service-strip{font-size:12px;gap:5px}}
@media(prefers-reduced-motion:reduce){.ah-world,.ah-primary,.ah-plan,.ah-browser,.ah-phone-inner,.ah-ad{transition:none}.ah-primary:hover{transform:none}}

/* Keep the actual interaction instructions legible at every viewport. */
.ah-instructions{font-size:11px;line-height:1.6;margin-top:11px}.ah-discover{font-size:11px}@media(max-width:400px){.ah-instructions{font-size:10px}.ah-instructions>span{display:block;border:0;margin:2px 0 0;padding:0}.ah-discover{font-size:10px}}

@media(max-width:400px){.ah-swatch{width:34px;height:38px;padding:8px}.ah-reset{width:36px;height:36px}.ah-swatches{gap:2px}.ah-discover svg{width:21px;height:21px}}
@media(max-width:340px){.ah-discover{font-size:9px;gap:4px}.ah-tools{gap:5px;padding-inline:6px}.ah-swatch{width:32px}.ah-reset{width:34px}}

/* ADF source: dark-global.css */
/* ADF Medya · dark technology studio. Shared shell and complete inner-page system. */
:root {
  --bg: #0b181d;
  --paper: #102128;
  --panel: #13262c;
  --ink: #f3f7f6;
  --text: #e2ecee;
  --muted: #a8bec7;
  --line: #29414a;
  --blue: #54dcb5;
  --teal: #54dcb5;
  --sage: #54dcb5;
  --lavender: #b8b3ec;
  --max: 1240px;
  color-scheme: dark;
}
html { scroll-padding-top: 100px; background: var(--bg); }
body { background: var(--bg); color: var(--text); font: 15px/1.8 Manrope, Arial, sans-serif; }
::selection { color: #082820; background: #7ce8c7; }
.wrap { width: min(1240px, calc(100% - 96px)); }
h1, h2, h3, h4 { font-family: Manrope, Arial, sans-serif; font-weight: 500; letter-spacing: -.045em; }
h1, h2 { line-height: 1.12; }
h2 { font-size: clamp(32px, 3.6vw, 50px); }
h1 em, h2 em { color: var(--teal); font-style: normal; font-weight: inherit; }
.section { padding: 88px 0; }
.section.light { background: #102128; }
.section-head { gap: 64px; margin-bottom: 42px; }
.section-head p:not(.eyebrow), .lead, .small, .fine-print, .period, .subtle { color: var(--muted); }
.eyebrow { font-size: 10px; line-height: 1.6; font-weight: 600; letter-spacing: .17em; color: #8edbc5; margin-bottom: 20px; }
.eyebrow:before { content: none; }
.lead { font-size: 17px; line-height: 1.8; }
.btn { background: #54dcb5; color: #082b24; border: 1px solid #54dcb5; min-height: 50px; padding: 13px 24px; border-radius: 100px; gap: 24px; font-size: 13px; font-weight: 650; box-shadow: none; transition: background .2s, border-color .2s, transform .2s; }
.btn:hover { background: #81e8c9; border-color: #81e8c9; color: #082b24; box-shadow: none; transform: translateY(-2px); }
.btn.ghost { color: #e4eeef; border-color: #81969c; background: transparent; }
.btn.ghost:hover { background: #1a343b; color: #fff; border-color: #b1c8ce; }
.btn.dark { background: #54dcb5; color: #082b24; border-color: #54dcb5; }
.btn.dark:hover { background: #81e8c9; color: #082b24; border-color: #81e8c9; }
.text-link { color: #cce1e3; border-color: #48666e; font-weight: 500; gap: 18px; }
.text-link:hover { color: #70e1bf; border-color: #70e1bf; }
.arrow { font-size: 20px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #75e5c5; outline-offset: 4px; }
.skip { background: #54dcb5; color: #082b24; }
[hidden] { display: none !important; }
button:disabled, .btn[aria-disabled=true] { cursor: not-allowed; }

/* The original transparent PNG stays on a light, compact navigation bar. */
.site-header { color-scheme: light; background: #f8f9f7; border-bottom: 1px solid #e0e7e3; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.header-inner { height: 76px; gap: 26px; }
.brand { min-width: 82px; }
.brand img { width: 82px; height: 62px; object-fit: contain; }
.site-header .main-nav { gap: 27px; margin-inline: auto; }
.main-nav a { color: #233238; font-size: 12px; font-weight: 550; padding-block: 9px; }
.main-nav a:hover, .main-nav a[aria-current=page] { color: #00735c; }
.main-nav a:after, .main-nav a:hover:after, .main-nav a[aria-current=page]:after { background: #00735c; }
.header-cta { background: #08725d; border-color: #08725d; color: #fff; min-height: 42px; padding: 10px 19px; font-size: 12px; gap: 17px; }
.header-cta .cta-wide, .header-cta .cta-narrow { color: #fff; }
.header-cta:hover { background: #095b4c; border-color: #095b4c; color: #fff; }
.site-header a:focus-visible, .menu-toggle:focus-visible { outline-color: #08725d; }
.menu-toggle { background: transparent; color: #123e34; border: 1px solid #c8d6cf; border-radius: 50%; width: 44px; height: 44px; }
.reading-progress { top: 75px; background: #54dcb5; }

/* Spacious introductions and clear content hierarchy on every inner route. */
.page-hero { background: #0b181d; padding: 28px 0 62px; border-color: #29414a; }
.page-hero .breadcrumbs { margin-bottom: 38px; }
.breadcrumbs { color: #829ca7; font-size: 11px; flex-wrap: wrap; row-gap: 5px; }
.breadcrumbs a { color: #b1c8cf; }
.breadcrumbs a:hover { color: #54dcb5; }
.page-hero h1 { color: #f2f7f6; font-size: clamp(39px, 4.9vw, 68px); font-weight: 400; line-height: 1.12; letter-spacing: -.05em; max-width: 960px; text-wrap: balance; }
.page-hero h1 br { display: initial; }
.page-hero .eyebrow { color: #87d7c1; }
.page-hero .lead { color: #aac1cb; font-size: 17px; line-height: 1.8; max-width: 740px; margin-top: 24px; }
.page-split { gap: 58px; align-items: center; }
.page-split h1 { font-size: clamp(36px, 3.9vw, 56px); }
.page-split>img, .split-showcase>img, .showcase-figure img, .about-photo { border-radius: 8px; }
.content-narrow { max-width: 850px; }
.content-narrow h2 { color: #f1f6f4; font-size: 30px; }
.content-narrow p { color: #b5c8cf; }
.service-row { border-color: #29414a; padding: 31px 0; gap: 28px; }
.service-row h3 { color: #eef5f4; font-size: 27px; font-weight: 450; }
.service-row p { color: #a8bec7; }
.service-row:hover { background: #11282e; padding-inline: 14px; }
.round-arrow { color: #97ddc9; border-color: #49666f; background: transparent; border-radius: 50%; width: 44px; height: 44px; }
.service-row:hover .round-arrow { color: #082b24; background: #54dcb5; border-color: #54dcb5; }
.num, .detail-card .num { color: #54dcb5; }
.detail-card { border-top: 1px solid #3c5760; padding: 27px 8px 10px 0; background: transparent; }
.detail-card h3 { color: #eef5f4; font-size: 24px; font-weight: 500; }
.detail-card p { color: #aac0c8; }
.scope-grid { gap: 24px; }
.scope-card { background: #102329; border-color: #2a464f; border-radius: 8px; }
.scope-card h3 { font-size: 27px; }
.scope-card li { color: #b3c8ce; border-color: #2b454d; }
.sample-deliverable { background: #17352f; border: 1px solid #2e554a; border-radius: 8px; }
.sample-deliverable .eyebrow { color: #83dec4; }
.sample-deliverable p, .sample-deliverable ol { color: #bad6cd; }
.sample-deliverable li { border-color: #34594e; }
.check-list li { border-color: #2b454d; }
.check-list li:before { color: #54dcb5; }
.notice { background: #112c2b; border-color: #54dcb5; color: #b7d6d0; border-radius: 0 6px 6px 0; }
.service-visual { background: #13262c; border: 1px solid #34505a; border-radius: 8px; box-shadow: 0 18px 40px #0002; }
.service-visual figcaption { background: #13262c; color: #96b1bb; }
.service-visual figcaption strong { color: #cce4dd; }
.service-visual .flow-app { color-scheme: light; background: #f1f6f8; color: #243c4a; }
.service-visual .flow-header { border-color: #d4e1e6; }
.service-visual .flow-header>span, .service-visual .flow-body>div>p, .service-visual .flow-body aside, .service-visual .flow-columns>div>span, .service-visual .flow-columns article>small, .service-visual .flow-app>footer { color: #5b7180; }
.service-visual .flow-columns article { background: #fff; border-color: #dbe5eb; }
.service-visual .flow-columns article>i { color: #167866; }
.service-search, .service-visual .search-concept { background: #132a31; color: #d7e5e9; }
.service-visual .search-query { background: #1b3941; color: #d0e1e5; box-shadow: none; }
.service-visual .search-answer h4, .service-visual .search-query>span { color: #6fdfbf; }
.service-visual .search-answer>span, .service-visual .search-answer p, .service-visual .search-answer>div, .service-visual .search-map, .service-visual .search-map i { color: #a7c4cb; }
.service-visual .search-map { border-color: #3a5962; }
.service-visual .search-map b { background: #214c44; color: #c3eddf; }

/* Prices: four equal cards; only the Professional package is highlighted. */
.pricing-grid { gap: 20px; }
.price-card { background: #0e2026; border: 1px solid #2f4b54; border-radius: 8px; padding: 47px 25px 26px; box-shadow: none; }
.price-card:hover { border-color: #53757e; box-shadow: 0 12px 26px #0002; transform: translateY(-3px); }
.price-card h3 { font-size: 25px; font-weight: 550; color: #f1f7f5; }
.price-card>p, .price-card .period, .price-card .package-audience { color: #a7bec8; }
.price-card .amount { color: #f0f7f5; font-size: clamp(33px, 3vw, 42px); font-weight: 650; line-height: 1.15; }
.price-card .period { font-size: 11px; }
.price-card .popular { color: #78dfbe; font-family: Manrope, Arial, sans-serif; font-size: 9px; letter-spacing: .11em; }
.price-card .package-audience { min-height: 0; padding-top: 17px; margin: 21px 0 18px; }
.price-card .package-audience strong, .price-card .package-delivery-label { color: #d2e1e2; font-weight: 600; }
.price-card .package-delivery-label { margin-bottom: 2px; }
.price-card ul { padding: 13px 0 22px; }
.price-card li, .price-card .package-audience { border-color: #29424b; }
.price-card li { color: #bdcfd4; font-size: 12px; }
.price-card li:before { content: '✓'; color: #54dcb5; }
.price-card .btn { font-size: 12px; min-height: 45px; }
.price-card.featured { background: #102a2b; color: #f2f8f5; border-color: #54dcb5; box-shadow: 0 0 0 1px #54dcb51c; }
.price-card.featured:hover { border-color: #7ee7c7; box-shadow: 0 12px 30px #0003; }
.price-card.featured .amount, .price-card.featured .popular { color: #6de5bf; }
.price-card.featured>p, .price-card.featured .period, .price-card.featured .package-audience { color: #b2cac9; }
.price-card.featured li, .price-card.featured .package-audience { border-color: #30504d; }
.price-card.featured li:before { color: #63e0b9; }
.price-card.featured .package-audience strong, .price-card.featured .package-delivery-label { color: #d1e7df; }
.price-card.featured .btn { background: #54dcb5; color: #092c23; border-color: #54dcb5; }
.price-card.featured .btn:hover { background: #81e8c9; border-color: #81e8c9; }
.monthly-card { background: #13262c; border-color: #2c4851; border-radius: 8px; }
.monthly-card h4 { color: #e9f3f1; font-weight: 550; }
.monthly-card .monthly-price { color: #6ae0bc; }
.price-details { border-color: #2d4750; }
.price-details>summary { padding: 21px 0; }
.table-wrap { border-color: #304d56; }
.price-table th, .price-table td { border-color: #29434c; }
.price-table th, .price-table thead { background: #152d35; color: #dcebe9; }
.price-table td { color: #b0c6cd; }
.price-preview { background: #132a30; border-color: #36545c; border-radius: 8px; }
.price-preview:after { color: #477d6e; }
.price-preview>span, .price-preview li, .pricing-invitation-grid>div>p:not(.eyebrow) { color: #afc6cc; }
.price-preview li { border-color: #2c4951; }
.pricing-invitation { background: #13262c; }
.pricing-clarity { border-color: #2b464f; }
.pricing-clarity h4 { color: #d9e8e8; }
.pricing-clarity p { color: #a9c0c9; }
.pricing-clarity .eyebrow { color: #68d9b8; }
.pricing-clarity .pricing-clarity-note { background: #142b31; color: #b2cacd; border-radius: 6px; }

/* Identical form affordances for contact and the working three-step quote. */
.calculator { gap: 30px; }
.calc-block { border-color: #2e4c56; background: #0f232a; border-radius: 8px; }
.calc-block legend { color: #d5e7e7; background: #0b181d; font-weight: 550; padding-inline: 10px; }
.calc-summary { background: #11282e; color: #e7f0ed; border: 1px solid #35565c; border-radius: 8px; top: 100px; box-shadow: none; }
.calc-summary .eyebrow { color: #7addbe; }
.calc-summary h3 { font-size: 28px; font-weight: 500; }
.calc-summary .total, .calc-summary .summary-row { border-color: #34545c; }
.calc-summary .total strong { color: #62e0b8; }
.calc-summary .total span, .calc-summary .small, .calc-summary .quote-note, .calc-summary .summary-lines>div>span { color: #abc5cc; }
.calc-summary .custom-quote { color: #a8e6d4; }
.calc-summary .custom-only { color: #a8e6d4 !important; border-color: #34545c; }
#empty-quote { color: #bed8d6; border-color: #34545c; }
.calc-summary .btn { background: #54dcb5; border-color: #54dcb5; color: #092c23; border-radius: 100px; }
.calc-summary .btn:hover { background: #81e8c9; border-color: #81e8c9; }
.calc-summary .btn.ghost { background: transparent; color: #dfedeb; border-color: #6e8b91; }
.calc-summary .btn.ghost:hover { background: #1a3940; border-color: #a7c0c4; }
.calc-summary button { color: #c3d9dd; border-color: #65838b; border-radius: 100px; }
.calc-summary .lead-save>p { color: #a8c2ca; }
.field label { color: #d9e8e8; font-weight: 500; }
.field input, .field select, .field textarea, .search-input { background: #0b1c23; color: #edf4f3; border: 1px solid #4d6b75; border-radius: 7px; box-shadow: none; min-width: 0; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: #75939b; }
.field input:focus, .field select:focus, .field textarea:focus, .search-input:focus { border-color: #62d9b7; background: #0d242a; box-shadow: 0 0 0 3px #54dcb512; }
.field input::placeholder, .field textarea::placeholder, .search-input::placeholder { color: #9bb1bc; opacity: 1; }
.field select option { background: #10272e; color: #edf4f3; }
.check-field { color: #d7e5e6; border-color: #2e4851; }
.check-field>input { accent-color: #54dcb5; }
.check-field small, #package-hint { color: #9bb6c0; }
.purpose-field { background: #122b32; border-color: #36545e; border-radius: 8px; }
.purpose-field label { color: #e1efeb; }
.quote-options { background: #10242b; border-color: #304c56; border-radius: 8px; }
.quote-options .calc-block { background: #0e2027; }
.quote-options .calc-block legend { background: #10242b; }
.quote-progress { gap: 18px; }
.quote-progress li { color: #8faab5; border-color: #2f4e59; border-top-width: 1px; }
.quote-progress [aria-current=step] { color: #6de0bd; border-color: #54dcb5; }
.quote-navigation { border-color: #2e4a54; }
.quote-navigation>p { color: #98dbca; }
.contact-form { background: #10242b; border: 1px solid #3f5f69; border-radius: 10px; box-shadow: 0 20px 50px #0002; }
body[data-page=iletisim] .contact-form { padding: 34px; }
.contact-form-intro { border-color: #2d4953; padding-bottom: 23px; }
.contact-form-intro h3 { font-size: 28px; font-weight: 500; color: #f0f5f4; }
.contact-form-intro>p:last-child { color: #a9c1c9; }
.contact-info .phone { color: #f1f8f4; font-weight: 600; }
.contact-info>.text-link { color: #d5ebe4; }
.contact-aside { border-color: #2f4c54; }
.contact-aside h3 { color: #dbe9e7; font-weight: 500; }
.status, .contact-form .status, .lead-save>p { color: #8be2c7; }
.field-error { color: #ffb5ad; }
.calc-form select[aria-invalid=true] { border-color: #f8958c; outline-color: #f8958c; }
.contact-form .contact-feedback { background: #153b32; border-color: #3e7966; color: #c8eee0; border-radius: 7px; }
.contact-form .contact-feedback[data-state=error] { background: #42262a; border-color: #9d6063; color: #ffcec9; }
.contact-form .contact-feedback[data-state=pending], .contact-form .contact-feedback[data-state=notice] { background: #20323e; border-color: #526e83; color: #c3ddec; }

/* Journal cards and an uncluttered, readable article column. */
.blog-card .cover { background: #183039; border: 1px solid #2c4853; border-radius: 7px; box-shadow: none; }
.blog-card:hover .cover { border-color: #567982; box-shadow: 0 15px 30px #0002; }
.blog-card h3 { color: #eef5f3; font-size: 25px; line-height: 1.35; font-weight: 450; letter-spacing: -.035em; }
.blog-card h3 a:hover { color: #6ce0be; }
.blog-card .meta-line { color: #8bcbbb; font-size: 10px; letter-spacing: .1em; }
.blog-card>p { color: #abc1c9; line-height: 1.8; }
.meta-line, .article-meta { color: #96b1bd; }
.filter-button { background: transparent; color: #c5d8dd; border-color: #6a8790; border-radius: 100px; min-height: 44px; }
.filter-button:hover { background: #173139; }
.filter-button[aria-pressed=true] { background: #54dcb5; color: #092c23; border-color: #54dcb5; }
.article-head h1 { font-weight: 400; }
.article-cover { border: 1px solid #2f4a54; border-radius: 8px; max-height: 570px; }
.article-layout { grid-template-columns: 235px minmax(0, 1fr); gap: 76px; }
.article-side { top: 109px; }
.article-side>p { color: #deebe9; font-size: 13px; letter-spacing: .03em; text-transform: none; }
.article-side nav a { color: #a2bcc5; border-color: #35535d; padding-block: 3px; }
.article-side nav a:hover { color: #74dfbf; border-color: #54dcb5; }
.article-body { color: #b6cad0; font-size: 16px; line-height: 1.95; max-width: 780px; }
.article-body h2 { color: #eef5f4; font-size: 30px; font-weight: 450; scroll-margin-top: 108px; }
.article-body h3 { color: #e5efed; }
.article-body a { color: #79ddbf; }
.article-callout { background: #16332f; border-color: #54dcb5; color: #d3e9e2; border-radius: 0 6px 6px 0; }
.article-sources { border-color: #34525c; }
.share-article { background: transparent; color: #cfdfdf; border-color: #5a7780; border-radius: 100px; min-height: 44px; }
.share-article:hover { background: #173139; }
.tags span { color: #a5c1cb; border-color: #3a5b66; border-radius: 100px; }
.home-journal .blog-card { border-color: #2e4952; }

/* Honest studio content, process and practical answers. */
.about-manifesto { color: #e9f3ef !important; font-weight: 400; }
.about-manifesto span { color: #65dfb9; }
.about-values>div, .quality-list>article, .working-principles .about-values article { border-color: #34525c; }
.brand-art, .identity-section { background: #11252c; }
.brand-art { border-radius: 8px; }
.quality-list>article>i, .principle-index { color: #54dcb5; }
.quality-list p, .engineering-intro, .process-note { color: #a7c1c9; }
.process-item { border-color: #3a5963; }
.process-item .step { color: #8aa8b5; }
.process-item .step>span:last-child { color: #9be2ca; background: #1a3d36; border-radius: 100px; }
.identity-copy h2 { color: #f0f6f3; font-weight: 400; }
.identity-copy h2 em { color: #60dcb6; }
.identity-copy>p:not(.eyebrow) { color: #abc2ca; }
.identity-card { background: #132c32; border-color: #3a5961; border-radius: 8px; }
.identity-brand, .identity-note, .identity-steps { border-color: #33505a; }
.identity-brand img { background: #f7f9f5; border-radius: 6px; padding: 8px; }
.identity-brand span { color: #9db9c3; border-color: #3b5964; }
.identity-card>p, .identity-note, .identity-steps article>div, .identity-steps p, .identity-footnote { color: #a1bdc6; }
.identity-phone { color: #d9f0e8; }
.identity-steps article>div>span { color: #6ce0bd; }
.faq { gap: 76px; }
.faq details { background: #10252c; border: 1px solid #34515b; border-radius: 8px; padding: 20px 23px; margin-bottom: 9px; }
.faq details:last-child { border-bottom-color: #34515b; }
.faq summary { color: #e5efee; font-weight: 500; font-size: 15px; }
.faq summary:after { color: #9bd5c6; }
.faq details[open] { background: #142e34; border-color: #50776f; }
.faq details p { color: #abc5cb; font-size: 14px; margin-top: 16px; }
.toast { background: #16362f; color: #e4f3eb; border-color: #528472; border-radius: 8px; }

/* Case-study pages retain legible example interfaces inside the dark agency shell. */
.sc-examples, .sc-case-overview { background: #0b181d; }
.sc-project-visual { background: #14292f; border: 1px solid #35515b; border-radius: 8px; padding: 25px; }
.sc-project-visual:hover { background: #19363d; border-color: #567983; }
.sc-project-meta, .sc-case-actions>span, .sc-preview-caption, .sc-more-work small { color: #9dbac4; }
.sc-project-card h3 { color: #e7f0ec; font-weight: 500; }
.sc-mockup { color-scheme: light; border-color: #75858c; box-shadow: 0 18px 35px #0004; }
.sc-browser-top { background: #f7f9fa; color: #62717e; border-color: #dbe3e7; }
.sc-mockup-nora .sc-mockup-inner { background: #f2eee5; color: #303b31; }
.sc-mockup-nora .sc-mini-products { border-color: #dddccf; }
.sc-mockup-flow .sc-mockup-inner { background: #f2f7fb; color: #293f55; }
.sc-mini-board>div { background: #e6eef6; }
.sc-mini-board small { color: #526b85; }
.sc-mini-board article { background: #fff; border-color: #d6e1ed; }
.sc-mini-board article i { color: #267567; }
.sc-more-work>a { border-color: #2f4e57; }
.sc-work-icon { background: #173a34; color: #76dfbf; border-radius: 7px; }
.sc-more-work>a>span:last-child { color: #61d9b5; }
.sc-case-subtitle { color: #9ab8c4; }
.sc-device-composition { background: #132c33; border: 1px solid #34545e; border-radius: 10px; }
.sc-device-composition>.sc-phone-frame { background: #172329; border-color: #172329; }
.sc-device-composition>.sc-phone-frame:before { background: #071016; }
.sc-case-copy li { border-color: #2f4b55; color: #aec5cd; }
.sc-case-copy li:before { color: #61dcb7; }
.sc-scope { background: #112930; border-color: #36545d; border-radius: 8px; }
.sc-scope ul { color: #b1c9cf; }
.sc-demo-intro { color: #abc5cd; background: #112b32; border-color: #36535d; }
.sc-demo-intro a { color: #82ddc1; }
.sc-demo-shell { color-scheme: light; }
.sc-demo-shell .demo-filters button:focus-visible, .sc-demo-shell button:focus-visible, .sc-demo-shell a:focus-visible, .sc-demo-shell input:focus-visible { outline-color: #08725d; }
.sc-demo-shell .demo-status { color: #536d64; }
.sc-demo-shell .demo-link { color: inherit; }
.flow-demo .flow-demo-controls input, .flow-demo .flow-demo-controls select { color-scheme: light; }

/* Choice controls and persistent messages have the same accessible contrast. */
.measurement-choice { background: #16332f; color: #d2e7df; border-color: #44695d; }
.measurement-actions button, .measurement-open { color: inherit; border-color: #789d91; border-radius: 100px; }
.measurement-actions button:last-child { background: #54dcb5; border-color: #54dcb5; color: #082b24; }

/* Final invitation and restrained four-column footer. */
.closing { background: #14312f; color: #f1f7f4; border-block: 1px solid #31534d; padding: 65px 0; }
.closing:after { content: none; }
.closing h2 { font-size: clamp(33px, 4.2vw, 56px); font-weight: 400; line-height: 1.13; }
.closing .eyebrow { color: #8dddd0; }
.closing .btn, .closing .btn.dark { background: #54dcb5; color: #082b24; border-color: #54dcb5; border-radius: 100px; }
.closing .btn:hover, .closing .btn.dark:hover { background: #81e8c9; border-color: #81e8c9; }
.site-footer { color: #d1e0e3; background: #09171d; padding: 54px 0 23px; }
.footer-main { gap: 42px; padding-bottom: 39px; }
.footer-logo { width: 105px; height: 82px; object-fit: contain; background: #f7f9f5; padding: 8px; border-radius: 6px; }
.footer-main h3 { color: #e0ece8; font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; margin-bottom: 19px; }
.footer-main a:not(:has(img)) { color: #a7bec7; font-size: 12px; line-height: 1.65; margin-bottom: 11px; }
.footer-main a:hover { color: #79ddbf; }
.footer-main p { color: #91aeb9; font-size: 12px; line-height: 1.8; }
.footer-main>div:first-child p { max-width: 230px; }
.footer-bottom { border-color: #304953; color: #89a4af; font-size: 10px; }
.notfound { color: #e6f0ec; }
.notfound>p:not(.eyebrow) { color: #a8c0c9; }

@media (max-width: 1150px) {
  .wrap { width: calc(100% - 64px); }
  .site-header .main-nav { gap: 21px; }
  .header-inner { gap: 20px; }
  .pricing-grid { gap: 18px; }
  .page-split, .section-head { gap: 40px; }
  .calculator { gap: 24px; }
  .calc-summary { padding: 25px; }
  .article-layout { gap: 48px; }
  .footer-main { gap: 28px; }
}
@media (max-width: 1050px) {
  .header-cta { margin-left: auto; }
  .menu-toggle { display: block; }
  .site-header .main-nav { display: none; position: absolute; top: 76px; left: 0; right: 0; margin: 0; padding: 18px 32px 23px; flex-direction: column; align-items: stretch; gap: 0; background: #f8f9f7; border-bottom: 1px solid #d6e1db; box-shadow: 0 15px 25px #06171b20; max-height: calc(100dvh - 76px); overflow-y: auto; }
  .site-header .main-nav.open { display: flex; }
  .site-header .main-nav a { color: #233238; font-size: 16px; padding-block: 14px; }
  .site-header .main-nav a:hover, .site-header .main-nav a[aria-current=page] { color: #00735c; }
  .faq { gap: 45px; }
}
@media (max-width: 780px) {
  html { scroll-padding-top: 92px; }
  .wrap { width: calc(100% - 40px); }
  .section { padding: 58px 0; }
  h2 { font-size: 34px; }
  .eyebrow { font-size: 10px; letter-spacing: .13em; }
  .section-head { margin-bottom: 29px; }
  .header-inner { height: 72px; gap: 12px; }
  .brand { min-width: 75px; }
  .brand img { width: 75px; height: 57px; }
  .header-cta { min-height: 42px; padding: 10px 15px; font-size: 11px; gap: 13px; }
  .site-header .main-nav { top: 72px; max-height: calc(100dvh - 72px); padding-inline: 22px; }
  .menu-toggle { width: 44px; height: 44px; }
  .reading-progress { top: 71px; }
  .page-hero { padding: 23px 0 38px; }
  .page-hero .breadcrumbs { margin-bottom: 28px; }
  .page-hero h1, .page-split h1 { font-size: clamp(33px, 8vw, 49px); line-height: 1.13; }
  .page-hero .lead { font-size: 15px; line-height: 1.8; margin-top: 20px; }
  .page-split { gap: 29px; }
  .service-row { gap: 13px; padding: 25px 0; }
  .service-row h3 { font-size: 23px; }
  .service-row:hover { padding-inline: 3px; }
  .detail-card { padding: 24px 0 12px; }
  .scope-card, .sample-deliverable { padding: 25px; }
  .price-card { padding: 46px 25px 26px; }
  .price-card .amount { font-size: 39px; }
  .calculator { gap: 20px; }
  .calc-summary { position: static; padding: 27px; }
  .calc-block { padding: 22px; }
  .field input, .field select, .field textarea, .search-input { font-size: 16px; }
  .quote-progress { gap: 12px; }
  .quote-progress li { font-size: 11px; }
  .quote-navigation .btn { min-height: 47px; }
  body[data-page=iletisim] .contact-form { padding: 25px; }
  .contact-form-intro h3 { font-size: 27px; }
  .contact-grid { gap: 35px; }
  .article-layout { grid-template-columns: 1fr; gap: 33px; }
  .article-side { position: static; border-color: #34505a; }
  .article-body { font-size: 15px; line-height: 1.95; }
  .article-body h2 { font-size: 28px; }
  .identity-steps article+article { border-color: #35515b; }
  .faq { gap: 26px; }
  .faq details { padding: 18px 20px; }
  .faq summary { font-size: 14px; }
  .sc-project-visual { padding: 20px; }
  .closing { padding: 48px 0; }
  .closing h2 { font-size: clamp(33px, 7vw, 46px); }
  .footer-main { gap: 30px 24px; }
  .footer-main>div:first-child { gap: 23px; }
  .footer-logo { width: 96px; height: 76px; }
  .footer-bottom { gap: 13px; }
}
@media (max-width: 480px) {
  .btn { min-height: 48px; font-size: 13px; padding: 13px 19px; }
  .header-inner { gap: 9px; }
  .header-cta { min-height: 42px; padding: 10px 13px; font-size: 11px; }
  .service-row { grid-template-columns: 23px 1fr 35px; }
  .service-row h3 { font-size: 21px; }
  .price-card { padding-inline: 24px; }
  .calc-summary { padding: 24px; }
  .calc-summary .total strong { font-size: 34px; }
  .contact-info .phone { font-size: 29px; }
  body[data-page=iletisim] .contact-form { padding: 23px; }
  .contact-form-actions { gap: 10px; }
  .contact-form-actions .btn { min-height: 48px; }
  .contact-form-intro h3 { font-size: 26px; }
  .sc-project-visual { padding: 15px 12px; }
  .sc-case-actions .btn { justify-content: center; }
  .footer-main>div:first-child { align-items: flex-start; }
  .site-footer { padding-top: 42px; }
}
@media (max-width: 360px) {
  .wrap { width: calc(100% - 32px); }
  .page-hero h1, .page-split h1 { font-size: 32px; }
  .header-cta { padding-inline: 12px; }
  .service-row h3 { font-size: 19px; }
  .service-row { gap: 10px; }
  .calc-block, body[data-page=iletisim] .contact-form { padding: 18px; }
  .calc-summary { padding: 21px; }
  .quote-navigation>div { gap: 8px; }
  .quote-navigation .btn { padding-inline: 13px; font-size: 12px; }
  .contact-form .btn { font-size: 12px; }
  .footer-main { gap: 28px 18px; }
  .footer-main>div:first-child { gap: 18px; }
  .footer-logo { width: 85px; height: 68px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn, .service-row, .price-card, .blog-card .cover, .blog-card .cover img, .sc-project-visual { transition: none; }
  .btn:hover, .price-card:hover, .blog-card:hover .cover img { transform: none; }
}

/* ADF source: dark-home.css */
/* Approved dark technology studio — homepage and shared concept previews. */
.at-portfolio,.at-services,.at-process,.dt-studio,.dt-journal,.dt-home-faq{background:#0b181d;color:#f4f7f6;padding:88px 0}
.at-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:32px}
.at-section-title .eyebrow{margin:0 0 12px;color:#8ca6ad;font-size:11px;letter-spacing:.16em;font-weight:600}
.at-section-title h2{font-size:clamp(30px,3.1vw,44px);line-height:1.18;letter-spacing:-.045em;font-weight:400;margin:0;color:#f4f7f6;max-width:690px}
.at-section-title>p{font-size:15px;line-height:1.75;color:#a3bac1;max-width:330px;margin:0}
.at-section-title>.text-link{font-size:13px;white-space:nowrap;color:#b8cbd0;border-color:#4a6067;margin-bottom:3px}
.at-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.at-project{min-width:0}.at-project-cover{display:block;border-radius:8px;overflow:hidden;border:1px solid #294047;background:#13262c;outline-offset:5px}
.at-project-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 1px 0;grid-template-columns:none}
.at-project-caption>div{min-width:0}.at-project-caption h3{font-size:20px;font-weight:600;line-height:1.5;margin:0 0 1px;letter-spacing:-.02em}
.at-project-caption h3 a{display:flex;align-items:center;flex-wrap:wrap;gap:0 15px;color:#f4f7f6}
.at-project-caption h3 span{font-size:12px;font-weight:400;letter-spacing:0;color:#adc2c8;border-left:1px solid #536d76;padding-left:15px}
.at-project-caption p{font-size:11px;line-height:1.6;color:#849fa9;margin:0}
.at-circle{border:0;border-radius:0;height:36px;width:36px;flex:0 0 36px;font-size:26px;color:#c8d5d8;background:transparent;display:grid;place-items:center;transition:color .2s,transform .2s}
.at-circle:hover,.at-project:hover .at-circle,.at-project:focus-within .at-circle{background:transparent;color:#54dcb5;border:0;transform:translate(2px,-2px)}
.at-portfolio-note{color:#829da7;font-size:11px;line-height:1.7;margin:25px 0 0;max-width:760px}
/* These compositions are actual HTML; their photos are single-purpose assets. */
.at-project-stage.dt-concept{position:relative;height:auto;aspect-ratio:1.89;border:0;border-radius:0;background:#f5f2ea;perspective:1100px;overflow:hidden;color:#1a2527;--tx:0deg;--ty:0deg;container-type:inline-size}
.dt-preview-surface{position:absolute;inset:0;overflow:hidden;transform:rotateX(var(--tx)) rotateY(var(--ty));transition:transform .28s ease;transform-origin:50% 50%;background:#ece9e2}
.dt-preview-surface>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;margin:0}
.dt-concept-forma .dt-preview-surface:after,.dt-concept-nora .dt-preview-surface:after,.dt-concept-move .dt-preview-surface:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f8f4ec 0%,#f8f4ecf2 29%,#f8f4ec20 63%,transparent 80%)}
.dt-preview-nav,.dt-preview-copy,.dt-preview-index{position:absolute;z-index:1}
.dt-preview-nav{top:8%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#172126}
.dt-preview-nav>b{font:600 15px/1.2 Manrope,sans-serif;font-size:2.6cqw;letter-spacing:.12em}
.dt-preview-nav>span{font-size:7px;font-size:1.2cqw;color:#263435;white-space:nowrap}
.dt-preview-copy{top:26%;left:5%;width:45%}
.dt-preview-copy strong{display:block;font:400 30px/1.07 Georgia,serif;font-size:5.8cqw;letter-spacing:-.035em;color:#182623}
.dt-preview-copy p{font-size:9px;font-size:1.65cqw;line-height:1.5;max-width:80%;color:#3c4946;margin:5% 0 6%}
.dt-preview-button{display:inline-flex;align-items:center;padding:3% 7%;border-radius:30px;background:#172521;color:#fff;font-size:8px;font-size:1.45cqw;line-height:1.4;white-space:nowrap}
.dt-preview-index{bottom:7%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:7px;font-size:1.2cqw;letter-spacing:.08em;color:#304641}
.dt-concept-forma .dt-preview-button{color:#182623;background:transparent;border-bottom:1px solid #717f71;border-radius:0;padding:1% 0 3%}
.dt-concept-nora .dt-preview-copy{top:30%;width:47%}.dt-concept-nora .dt-preview-copy strong{font-size:5.65cqw}
.dt-concept-nora .dt-preview-surface>img{object-position:75% 50%}.dt-concept-nora .dt-preview-surface:after{background:linear-gradient(90deg,#ede8dc 0%,#ede8dcf5 30%,#ede8dc20 65%,transparent 85%)}
.dt-concept-move .dt-preview-surface{background:#102023}.dt-concept-move .dt-preview-surface>img{object-position:70% 43%}.dt-concept-move .dt-preview-surface:after{background:linear-gradient(90deg,#091315f0 0%,#091315db 34%,#09131522 80%)}
.dt-concept-move .dt-preview-nav,.dt-concept-move .dt-preview-nav>span{color:#fff}.dt-concept-move .dt-preview-copy{top:25%;width:46%}.dt-concept-move .dt-preview-copy strong{font-family:Manrope,sans-serif;font-size:5.95cqw;font-weight:450;line-height:1.08;color:#f3f7f5}.dt-concept-move .dt-preview-copy em{font-style:normal;color:#54dcb5}.dt-concept-move .dt-preview-copy p{color:#c8d4d3;font-size:1.55cqw;margin:6% 0}.dt-concept-move .dt-preview-button{background:#eff8f3;color:#142721}
/* Software preview: readable hierarchy with deliberately fictional project data. */
.dt-flow-app{display:grid;grid-template-columns:23% minmax(0,1fr);height:100%;color:#233742;background:#f4f8fb;font-size:1.5cqw}
.dt-flow-app aside{padding:9% 8%;border-right:1px solid #dbe4ec;background:#f9fcfe;display:flex;flex-direction:column;gap:9%;font-size:1.4cqw;line-height:1.3}
.dt-flow-app aside>b{font-size:2.6cqw;font-weight:750;letter-spacing:.02em;margin-bottom:5%;color:#112637}
.dt-flow-app aside>span{display:block;white-space:nowrap;padding:5% 4%;color:#69828e}
.dt-flow-app aside>.is-active{background:#e6f0f4;color:#173f4d;border-radius:5px;font-weight:600}
.dt-flow-main{padding:3.5% 5% 3%;min-width:0}.dt-flow-search{display:flex;align-items:center;justify-content:space-between;color:#8194a1;font-size:1.3cqw;border-bottom:1px solid #e2e9ee;padding-bottom:4%;margin-bottom:5%}.dt-flow-search>i{font-size:1.1cqw;background:#e9d8bd;border-radius:50%;padding:2%;color:#554a39;font-style:normal}
.dt-flow-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:4%}.dt-flow-heading>strong{font-size:2.5cqw;font-weight:700;color:#213b48}.dt-flow-heading>span{font-size:1.2cqw;padding:2% 4%;border-radius:5px;background:#c4f6e5;color:#16664e}
.dt-flow-tabs{display:flex;gap:7%;font-size:1.1cqw;padding-bottom:3%;border-bottom:1px solid #e2e9ee;color:#8195a2}.dt-flow-tabs>b{font-weight:600;color:#139f7e;border-bottom:1px solid #139f7e;padding-bottom:2%}
.dt-flow-rows{display:grid;gap:6px;margin-top:3%}.dt-flow-rows>div{display:flex;gap:4%;align-items:center;min-height:33px;min-height:6.2cqw;padding:2% 3%;background:#fff;border:1px solid #e2eaf0;border-radius:5px}.dt-flow-rows>div>i{font-style:normal;display:grid;place-items:center;flex:0 0 7%;aspect-ratio:1;background:#fff1cb;border-radius:4px;font-size:1.2cqw;color:#ad7f16}.dt-flow-rows>div:nth-child(2)>i{background:#e4ebff;color:#527cd4}.dt-flow-rows>div:nth-child(3)>i{background:#ddf4ed;color:#40a58b}.dt-flow-rows>div:nth-child(4)>i{background:#ece6ff;color:#9170bb}.dt-flow-rows strong{flex:1;font-weight:600;font-size:1.25cqw;color:#35515f;line-height:1.2}.dt-flow-rows strong>small{display:block;font-size:.9cqw;color:#8b9ea7;font-weight:400;margin-top:4%}.dt-flow-progress{display:block;width:24%;height:4px;background:#edf1f4;border-radius:4px;overflow:hidden}.dt-flow-progress>i{display:block;height:100%;background:#40c89d;border-radius:4px}.dt-flow-rows em{font-size:1.6cqw;font-style:normal;color:#90a7b3}.dt-flow-foot{display:flex;justify-content:space-between;font-size:1cqw;color:#91a3ac;margin-top:4%}
/* Four service tabs, fully functional using mouse, touch and keyboard. */
.at-services{background:#102128;border-top:1px solid #263e47;border-bottom:1px solid #263e47}
.at-services .at-section-title{align-items:flex-end;margin-bottom:32px}.at-services h2{margin:0;font-weight:400}
.dt-service-tabs{display:flex;gap:4px;border:1px solid #3b555e;border-radius:50px;padding:4px;max-width:780px;margin:0 0 30px auto;background:#0d1d23}
.dt-service-tabs button{flex:1;border:0;border-radius:30px;background:transparent;color:#d7e3e6;padding:12px 17px;min-height:46px;font:500 13px/1.4 Manrope,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.dt-service-tabs button:hover{background:#1c343d}.dt-service-tabs button[aria-selected="true"]{background:#54dcb5;color:#08251d}.dt-service-tabs button:focus-visible{outline:2px solid #b4f6e1;outline-offset:3px}
.dt-service-panel{display:grid;grid-template-columns:.9fr 1.3fr;gap:48px;align-items:center;outline-offset:8px}.dt-service-panel[hidden]{display:none!important}
.dt-service-copy .eyebrow{font-size:10px;letter-spacing:.16em;color:#87a5b1;margin:0 0 12px}.dt-service-copy h3{font-size:clamp(27px,2.7vw,38px);line-height:1.2;font-weight:400;letter-spacing:-.04em;color:#f1f6f5;margin:0 0 18px}.dt-service-copy>p:not(.eyebrow):not(.dt-scope-note){font-size:14px;line-height:1.75;color:#a5bdc6;max-width:410px;margin:0 0 22px}.dt-service-copy h4{font-size:11px;letter-spacing:.04em;font-weight:600;color:#d0e2e6;margin:0 0 13px}.dt-service-copy ul{list-style:none;margin:0 0 25px;padding:0}.dt-service-copy li{display:flex;gap:11px;align-items:baseline;font-size:12px;line-height:1.7;color:#bbced4;margin:9px 0}.dt-service-copy li:before,.dt-service-copy li:after{content:none!important;display:none!important}.dt-service-copy li>.dt-check-icon{display:grid;place-items:center;border:1px solid #48c4a1;border-radius:50%;color:#72e0be;font-size:10px;line-height:1;width:17px;height:17px;flex:0 0 17px;transform:translateY(1px)}
.dt-service-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px}.dt-service-actions>.btn{font-size:12px;padding:13px 20px;min-height:45px;gap:14px;white-space:normal;max-width:100%}.dt-service-actions>.text-link{font-size:12px;color:#a6bfc7;line-height:1.5}.dt-service-copy .dt-scope-note{font-size:11px;line-height:1.6;color:#9ab2bb;margin:17px 0 0}
.dt-service-visual{min-width:0}.dt-service-visual .dt-concept{aspect-ratio:1.48;border-radius:9px;border:1px solid #41535a;box-shadow:0 24px 50px -25px #0009}.dt-service-visual .dt-preview-copy{top:29%}.dt-service-visual .dt-preview-copy strong{font-size:6.6cqw}.dt-service-visual .dt-preview-copy p{font-size:1.8cqw;max-width:92%}.dt-service-visual .dt-preview-nav>span{font-size:1.3cqw}.dt-service-visual .dt-concept-flow{aspect-ratio:1.48}.dt-service-visual .dt-flow-app{align-items:stretch}.dt-service-visual .dt-flow-main{display:flex;flex-direction:column;justify-content:space-between}.dt-service-visual .dt-flow-rows>div{min-height:7.4cqw}.dt-visual-note{font-size:10px;letter-spacing:.05em;color:#7797a4;margin:12px 0 0;text-align:right}
.dt-seo-preview{min-height:350px;background:linear-gradient(145deg,#1b333c,#0e2028);border:1px solid #38535e;border-radius:10px;padding:34px;box-shadow:0 24px 50px -25px #0009}.dt-search-line{display:flex;gap:14px;align-items:center;background:#eaf2f2;border-radius:40px;padding:15px 20px;color:#23434b;font-size:14px;box-shadow:0 6px 20px #0002}.dt-search-line>span{font-size:25px;line-height:1;color:#42715f}.dt-seo-preview>p{font-size:10px;letter-spacing:.12em;margin:30px 0 16px;color:#7db1a6}.dt-search-result{background:#f4f7f4;border-radius:7px;padding:22px}.dt-search-result>span{font-size:10px;color:#637c6e}.dt-search-result>strong{font-size:23px;line-height:1.3;font-weight:500;display:block;color:#255951;margin:8px 0}.dt-search-result>p{font-size:11px;line-height:1.65;color:#657770;margin:0;max-width:330px}.dt-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px}.dt-seo-grid>span{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;color:#aec5cc;line-height:1.6}.dt-seo-grid i{font-size:9px;font-style:normal;color:#54dcb5}.dt-search-caption{font-size:9px;line-height:1.5;color:#819ba6;margin-top:24px}
/* A clear, compact project process. */
.at-process{padding:70px 0 78px}.at-process .at-section-title{margin-bottom:40px}.at-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}.at-process li,.at-process li:first-child,.at-process li:last-child{padding:0;border:0;display:block;min-width:0}.at-process li>span{display:flex;align-items:center;gap:18px;font-size:47px;font-weight:300;line-height:1;letter-spacing:-.07em;color:#e3edec;margin-bottom:18px}.at-process li>span:after{content:'';height:1px;background:#42606a;flex:1}.at-process h3{font-size:18px;font-weight:500;color:#f0f6f5;margin:0 0 9px}.at-process p{font-size:12px;line-height:1.75;color:#98b3bf;margin:0}
.dt-studio{padding:0;background:#12252b;border-block:1px solid #2a4149}.dt-studio-layout{display:grid;grid-template-columns:.9fr 1.15fr;align-items:stretch;gap:64px}.dt-studio-copy{padding:60px 0}.dt-studio-copy h2{font-size:clamp(30px,3.3vw,46px);line-height:1.18;font-weight:400;letter-spacing:-.045em;margin:0 0 22px;color:#eef6f3}.dt-studio-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#a9bfc7;max-width:425px;margin:0 0 28px}.dt-studio-copy>.btn{font-size:12px}.dt-studio-picture{position:relative;min-width:0;overflow:hidden}.dt-studio-picture>img{height:100%;width:100%;object-fit:cover;object-position:center;display:block}.dt-studio-picture>span{position:absolute;bottom:14px;left:16px;font-size:9px;line-height:1.5;padding:5px 9px;border-radius:3px;background:#0b181dc9;color:#d2e1e2;backdrop-filter:blur(8px)}
.dt-journal{padding:78px 0}.dt-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.dt-journal-card{min-width:0}.dt-journal-image{display:block;position:relative;aspect-ratio:1.6;border-radius:7px;overflow:hidden;background:#173039;border:1px solid #324c55}.dt-journal-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#071013a0)}.dt-journal-image>img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.dt-journal-image:hover>img{transform:scale(1.035)}.dt-journal-image>span{position:absolute;z-index:1;left:17px;bottom:16px;font-size:11px;font-weight:500;letter-spacing:.02em;color:#e0f3eb}.dt-journal-label{font-size:10px;letter-spacing:.045em;color:#789ba9;margin:19px 0 10px}.dt-journal-card h3{font-size:21px;font-weight:450;line-height:1.4;letter-spacing:-.025em;color:#f0f6f4;margin:0 0 13px;max-width:370px}.dt-journal-card>p:not(.dt-journal-label){font-size:12px;line-height:1.8;color:#9ab6c1;margin:0 0 19px}.dt-journal-card>.text-link{font-size:11px;color:#bccfd5}
.dt-home-faq{padding:68px 0 78px;border-top:1px solid #243e47}.dt-home-faq h2{font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.2;letter-spacing:-.04em}.dt-home-faq .faq>div>p:not(.eyebrow){font-size:13px;line-height:1.75;max-width:300px;color:#9cb7c3}
@media(min-width:1500px){.at-portfolio,.at-services,.dt-journal{padding-block:100px}}
@media(max-width:1050px){.at-section-title{gap:30px}.at-section-title>p{max-width:270px;font-size:13px}.at-project-caption h3{font-size:18px}.at-project-caption h3 a{gap:0 10px}.at-project-caption h3 span{padding-left:10px;font-size:10px}.dt-service-panel{gap:32px;grid-template-columns:.92fr 1.1fr}.dt-service-copy h3{font-size:28px}.dt-service-copy>p:not(.eyebrow):not(.dt-scope-note){font-size:12px}.dt-service-copy li{font-size:11px}.dt-service-tabs{max-width:100%}.dt-seo-preview{padding:24px;min-height:335px}.dt-seo-grid{gap:10px}.dt-seo-grid>span{font-size:10px}.dt-search-result>strong{font-size:21px}.dt-studio-layout{gap:38px}.dt-studio-copy{padding:48px 0}.at-process ol{gap:23px}.at-process li>span{font-size:43px}.dt-journal-grid{gap:22px}.dt-journal-card h3{font-size:19px}}
@media(max-width:760px){.at-portfolio,.at-services,.at-process,.dt-journal,.dt-home-faq{padding:55px 0}.at-section-title{display:flex;align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:25px}.at-section-title h2{font-size:33px}.at-section-title>.text-link{margin:0;font-size:12px}.at-section-title>p{max-width:470px;font-size:14px}.at-project-grid{gap:28px 19px}.at-project-caption h3 a{align-items:flex-start;flex-direction:column;gap:2px}.at-project-caption h3 span{padding:0;border:0;font-size:11px}.at-project-caption h3{font-size:18px}.at-project-caption p{font-size:10px}.at-circle{width:30px;flex-basis:30px;font-size:23px}.dt-service-tabs{margin:0 0 25px;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px}.dt-service-tabs button{white-space:normal;border-radius:8px;font-size:12px;padding:11px 12px}.dt-service-panel{grid-template-columns:1fr;gap:30px}.dt-service-copy h3{font-size:32px}.dt-service-copy>p:not(.eyebrow):not(.dt-scope-note){font-size:14px;max-width:520px}.dt-service-copy li{font-size:13px}.dt-service-copy h4{font-size:12px}.dt-service-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px 25px}.dt-service-visual .dt-concept,.dt-service-visual .dt-concept-flow{aspect-ratio:1.8}.dt-service-visual .dt-preview-copy{top:26%}.dt-service-visual .dt-preview-copy strong{font-size:5.9cqw}.dt-service-visual .dt-preview-copy p{font-size:1.7cqw}.dt-service-visual .dt-flow-rows>div{min-height:6.2cqw}.dt-seo-preview{min-height:320px;padding:27px}.dt-search-line{font-size:14px}.dt-search-result>strong{font-size:24px}.dt-seo-grid>span{font-size:12px}.dt-search-caption{font-size:10px}.at-process .at-section-title{margin-bottom:30px}.at-process ol{grid-template-columns:1fr 1fr;gap:30px}.at-process li:nth-child(n){padding:0;border:0}.at-process li>span{font-size:43px;margin-bottom:14px}.at-process h3{font-size:17px}.at-process p{font-size:12px}.dt-studio{padding:0}.dt-studio-layout{grid-template-columns:1fr;gap:0}.dt-studio-copy{padding:45px 0 34px}.dt-studio-copy h2{font-size:34px}.dt-studio-copy>p:not(.eyebrow){max-width:540px}.dt-studio-picture{max-height:340px;aspect-ratio:1.8;margin-bottom:32px;border-radius:8px}.dt-journal-grid{grid-template-columns:1fr;gap:36px}.dt-journal-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-content:start}.dt-journal-image{grid-column:1;grid-row:1/5;aspect-ratio:1.18}.dt-journal-label{margin:2px 0 10px;font-size:10px}.dt-journal-card h3{font-size:21px;margin:0 0 12px}.dt-journal-card>p:not(.dt-journal-label){font-size:12px;margin-bottom:15px}.dt-journal-card>.text-link{align-self:start;justify-self:start;font-size:11px}.dt-home-faq h2{font-size:32px}}
@media(max-width:540px){.at-project-grid{grid-template-columns:1fr;gap:27px}.at-section-title h2{font-size:30px}.at-section-title .eyebrow{font-size:10px}.at-project-caption{padding-top:12px}.at-project-caption h3 a{flex-direction:row;align-items:center;gap:0 12px}.at-project-caption h3{font-size:20px}.at-project-caption h3 span{font-size:11px;padding-left:12px;border-left:1px solid #38545f}.at-project-caption p{font-size:11px}.at-circle{height:32px;width:32px;flex-basis:32px}.at-portfolio-note{font-size:10px}.dt-service-copy h3{font-size:30px}.dt-service-copy li{font-size:12px}.dt-service-visual .dt-concept,.dt-service-visual .dt-concept-flow{aspect-ratio:1.6}.dt-service-copy>p:not(.eyebrow):not(.dt-scope-note){font-size:13px}.dt-service-copy .eyebrow{font-size:10px}.dt-service-actions{align-items:flex-start;flex-direction:column;gap:16px}.dt-service-actions>.btn{font-size:12px}.dt-visual-note{font-size:9px}.dt-seo-preview{padding:20px;min-height:315px}.dt-search-line{font-size:12px;padding:12px 15px;gap:10px}.dt-seo-preview>p{font-size:9px;margin-top:24px}.dt-search-result{padding:17px}.dt-search-result>strong{font-size:20px}.dt-search-result>p{font-size:11px}.dt-search-result>span{font-size:9px}.dt-seo-grid{gap:8px}.dt-seo-grid>span{font-size:10px}.dt-search-caption{font-size:9px;margin-top:20px}.at-process ol{gap:30px 23px}.at-process li>span{font-size:39px}.at-process h3{font-size:17px}.at-process p{font-size:11px}.dt-studio-copy h2{font-size:31px}.dt-studio-picture{aspect-ratio:1.5}.dt-journal-card{display:block}.dt-journal-image{aspect-ratio:1.75}.dt-journal-label{font-size:10px;margin-top:17px}.dt-journal-card h3{font-size:23px;max-width:350px}.dt-journal-card>p:not(.dt-journal-label){font-size:13px}.dt-journal-card>.text-link{font-size:12px}.dt-journal-grid{gap:35px}.dt-home-faq h2{font-size:30px}}
@media(max-width:350px){.at-project-caption h3 span{font-size:10px;max-width:170px}.dt-service-tabs button{font-size:11px;padding-inline:8px}.at-process ol{gap:24px 18px}.dt-service-copy h3{font-size:27px}.dt-studio-copy h2{font-size:29px}.at-section-title h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.dt-preview-surface,.dt-journal-image>img,.at-circle{transition:none;transform:none!important}.at-project:hover .at-circle,.at-project:focus-within .at-circle{transform:none}.dt-service-tabs button{transition:none}}

/* ADF source: dark-hero.css */
/* Photographic hardware with live HTML screens and bounded perspective. */
.ah-hero{background:#0b181d;color:#f4f7f6;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #24363c}
.ah-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 36%,#b5a06d0d,transparent 39%),linear-gradient(115deg,#0b181d 35%,#14252b 100%)}
.ah-hero .wrap{position:relative}
.ah-grid{display:grid;grid-template-columns:1fr 1.16fr;gap:24px;min-height:588px;padding:40px 0 28px;align-items:center}
.ah-copy{padding:12px 0 28px;z-index:3;min-width:0}
.ah-eyebrow{margin:0 0 25px;font-size:10px;font-weight:500;letter-spacing:.12em;color:#b7c7cb;display:flex;align-items:center;gap:9px}
.ah-eyebrow>span{width:6px;height:6px;background:#54dcb5;border-radius:50%;box-shadow:0 0 12px #54dcb533;flex-shrink:0}
.ah-copy h1{font:450 clamp(42px,4.7vw,66px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.055em;color:#f4f7f6;margin:0 0 23px;max-width:600px}
.ah-copy h1>span{display:block;white-space:nowrap}.ah-copy h1>span:last-child{color:#54dcb5}
.ah-description{max-width:410px;color:#afc2c9;font-size:17px;line-height:1.65;font-weight:400;letter-spacing:-.018em;margin:0 0 28px}
.ah-actions{display:flex;gap:12px;flex-wrap:wrap}
.ah-primary,.ah-secondary{border-radius:40px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;gap:20px;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
.ah-primary{background:#54dcb5;border:1px solid #54dcb5;color:#08251d}.ah-primary span{font-size:20px;font-weight:400}.ah-primary:hover{background:#7aeac9;border-color:#7aeac9;transform:translateY(-2px)}
.ah-secondary{color:#f1f5f3;border:1px solid #779095;background:#0c1a1e66;gap:16px}.ah-secondary:hover{color:#fff;border-color:#d3e2df;background:#193137}.ah-secondary span{font-size:18px;font-weight:400}
.ah-visual{--ah-accent:#286857;--ah-accent-light:#e7efe8;--ah-browser:#f5f1e8;margin:0;position:relative;z-index:2;min-width:0}
.ah-visual[data-ah-theme=lavender]{--ah-accent:#6b568d;--ah-accent-light:#eae2f1;--ah-browser:#f4f0f7}
.ah-visual[data-ah-theme=charcoal]{--ah-accent:#183842;--ah-accent-light:#dce8eb;--ah-browser:#e9eff0}
.ah-stage{width:100%;margin:0;aspect-ratio:1.4;perspective:1700px;touch-action:pan-y;position:relative;outline-offset:5px;cursor:grab;user-select:none;-webkit-user-select:none}
.ah-stage:focus-visible{outline:2px solid #54dcb5;border-radius:16px}.ah-stage.ah-dragging{cursor:grabbing}
.ah-world{position:absolute;inset:0;isolation:isolate;transform-style:flat;transform:rotateX(var(--ah-rx,0deg)) rotateY(var(--ah-ry,-3deg));transform-origin:50% 55%;transition:transform .25s ease-out;will-change:transform}
.ah-dragging .ah-world{transition:none}
.ah-floor{position:absolute;left:7%;bottom:4%;width:90%;height:15%;background:radial-gradient(ellipse,#030809aa,transparent 68%);filter:blur(12px);pointer-events:none;transform:none}
.rh-device{position:absolute;isolation:isolate;transform-style:flat;backface-visibility:hidden;container-type:inline-size;pointer-events:none}
.rh-laptop{left:-6%;top:1%;width:106%;aspect-ratio:3/2;z-index:1;transform:rotateZ(-1deg);filter:drop-shadow(0 15px 15px #0005)}
.rh-phone{right:-4%;bottom:3%;width:31%;aspect-ratio:2/3;z-index:3;transform:rotateZ(2deg);filter:drop-shadow(4px 12px 10px #0006)}
.rh-hardware{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;display:block;pointer-events:none}
.rh-display{position:absolute;z-index:1;overflow:hidden;background:var(--ah-browser);color:#293329;display:flex;flex-direction:column;transition:background .25s;pointer-events:none}
/* Measured from each original, untrimmed alpha image; these are physical display boundaries. */
.rh-laptop-display{left:17.4479%;top:11.6211%;width:65.1693%;height:58.7891%;border-radius:.1cqw}
.rh-phone-display{left:20.8008%;top:6.25%;width:58.3984%;height:86.7839%;border-radius:15.7% / 7.05%}
.rh-desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:2cqw;height:17%;flex-shrink:0;padding:0 4cqw;color:#27352d;font:400 .8cqw/1.3 Manrope,Arial,sans-serif;letter-spacing:0}
.rh-desktop-nav b{font-size:1.65cqw;font-weight:600;letter-spacing:.12em}.rh-desktop-nav>span{margin-left:auto}.rh-desktop-nav i{font-style:normal;font-size:1.1cqw}
.rh-desktop-hero{display:grid;grid-template-columns:43% 57%;flex:1;min-height:0;background:var(--ah-accent-light)}
.rh-desktop-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:3cqw 0 2.1cqw 4cqw;background:var(--ah-browser);transition:background .25s}
.rh-desktop-copy>span{font:500 .65cqw/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;color:#657065;margin-bottom:1.25cqw}
.rh-desktop-copy h2{font:400 3.8cqw/.98 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin:0 0 1.5cqw;color:#263229}
.rh-desktop-copy p{font:400 .77cqw/1.8 Manrope,Arial,sans-serif;color:#586252;margin:0 0 1.5cqw;letter-spacing:0}
.rh-screen-action{font:600 .79cqw/1.5 Manrope,Arial,sans-serif;color:var(--ah-accent);margin-top:auto;display:flex;align-items:center;gap:1.5cqw}.rh-screen-action i{font-size:1.3cqw;font-style:normal}
.rh-desktop-hero>img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:65% 50%;pointer-events:none}
.rh-desktop-footer{height:12%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 4cqw;font:400 .69cqw/1.4 Manrope,Arial,sans-serif;color:#626c61;letter-spacing:0}
.rh-phone-top{height:7%;flex-shrink:0;position:relative}.rh-phone-top>i{position:absolute;left:36.29%;top:16.07%;width:27.59%;height:54.66%;border-radius:100px;background:#070908}.rh-phone-top>i:after{content:'';position:absolute;right:13%;top:28%;width:12%;height:44%;border-radius:50%;background:#17232e;box-shadow:inset 0 0 0 .3cqw #080e14}
.rh-phone-nav{height:8%;display:flex;align-items:center;justify-content:space-between;padding:0 5.6cqw;flex-shrink:0;color:#27352d;font:500 3cqw/1 Manrope,Arial,sans-serif;letter-spacing:.08em}.rh-phone-nav b{font-weight:600;font-size:4.1cqw}.rh-phone-nav>span{font-size:3.6cqw}
.rh-phone-copy{padding:5cqw 5.6cqw 5.3cqw;flex-shrink:0}.rh-phone-copy>span{display:block;font:500 1.9cqw/1.4 Manrope,Arial,sans-serif;letter-spacing:.09em;color:#687267;margin-bottom:2.6cqw}
.rh-phone-copy h3{font:400 9cqw/.99 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin:0 0 3cqw;color:#293329}.rh-phone-copy p{font:400 2.1cqw/1.6 Manrope,Arial,sans-serif;color:#626a5f;letter-spacing:0;margin:0}
.rh-phone-display>img{display:block;width:100%;height:0;flex:1;min-height:0;object-fit:cover;object-position:66% 50%}
.rh-phone-cta{height:12%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 5.6cqw;font:600 2.5cqw/1.4 Manrope,Arial,sans-serif;color:var(--ah-accent)}.rh-phone-cta>span{font-size:4cqw}
.rh-phone-bottom{height:3%;flex-shrink:0;position:relative}.rh-phone-bottom>i{position:absolute;top:30%;left:33%;width:34%;height:.8cqw;border-radius:10px;background:#253528}
.ah-tools{display:flex;align-items:center;justify-content:center;width:max-content;background:#15282e;border:1px solid #385058;border-radius:40px;color:#c2d7d9;box-shadow:none;padding:3px 9px;gap:7px;margin:8px auto 0;max-width:100%;min-height:50px}
.ah-discover{display:flex;align-items:center;color:#cfdfdf;font-size:10px;gap:7px;white-space:nowrap}.ah-discover svg{color:#8eb5af;width:22px;height:22px;flex-shrink:0}
.ah-swatches{display:flex;gap:0;align-items:center}.ah-swatch{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid transparent;display:grid;place-items:center;padding:8px;background:transparent;cursor:pointer}.ah-swatch>span{width:16px;height:16px;border:1px solid #ffffff38;border-radius:50%;box-shadow:none}.ah-swatch-sage>span{background:#54dcb5}.ah-swatch-lavender>span{background:#bba5d5}.ah-swatch-charcoal>span{background:#7a969f}
.ah-swatch[aria-pressed=true]{background:#29444a;border-color:#779e99;box-shadow:inset 0 0 0 3px #15282e}.ah-swatch:hover{border-color:#8eb5af}
.ah-reset{display:grid;place-items:center;color:#cce1de;background:#20363c;border:1px solid #425b62;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;font-size:21px;cursor:pointer}.ah-reset:hover{background:#304b50}
.ah-instructions{text-align:center;font-size:10px;line-height:1.6;color:#a4bac0;letter-spacing:0;margin:8px 0 0}.ah-instructions>span{border-left:1px solid #40565d;padding-left:8px;margin-left:6px}
.ah-service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #294047;border-bottom:0;gap:0;padding:24px 0 27px;font-size:14px;letter-spacing:0;line-height:1.5}
.ah-service-strip>a{display:flex;align-items:flex-start;gap:17px;color:#eff4f2;min-width:0;padding:0 30px;border-right:1px solid #2c4247;transition:color .2s}.ah-service-strip>a:first-child{padding-left:0}.ah-service-strip>a:last-child{border:0;padding-right:0}
.ah-service-strip>a>svg{width:28px;height:28px;flex-shrink:0;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.ah-service-strip strong{display:block;font-size:14px;font-weight:500;margin-bottom:5px;color:inherit}.ah-service-strip small{display:block;font-size:11px;line-height:1.55;color:#9fb7bf;font-weight:400;letter-spacing:0}.ah-service-strip>a>i{font-style:normal;font-size:18px;margin-left:auto;color:#76979d}.ah-service-strip small>br{display:initial}
.ah-service-strip>a:hover{color:#54dcb5}
.ah-primary:focus-visible,.ah-secondary:focus-visible,.ah-swatch:focus-visible,.ah-reset:focus-visible,.ah-service-strip>a:focus-visible{outline:2px solid #8aebd0;outline-offset:5px}
@media(min-width:1600px){.ah-grid{min-height:610px}.ah-copy h1{font-size:70px}}
@media(max-width:1100px){.ah-grid{min-height:520px;grid-template-columns:1fr 1.08fr;gap:12px;padding:35px 0 27px}.ah-copy h1{font-size:clamp(39px,4.5vw,53px)}.ah-description{font-size:16px;max-width:340px}.ah-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:20px}.ah-primary,.ah-secondary{padding:12px 17px;font-size:11px;gap:12px;min-height:46px}.ah-stage{aspect-ratio:1.28}.rh-laptop{top:8%}.rh-phone{bottom:8%}.ah-instructions>span{display:block;border:0;margin:1px 0 0;padding:0}.ah-service-strip>a{padding:0 23px;gap:12px}.ah-service-strip small{font-size:10px}}
@media(max-width:850px) and (min-width:781px){.ah-copy h1{font-size:37px}.ah-actions{gap:8px}.ah-primary,.ah-secondary{font-size:10px;padding:11px 14px;gap:9px}.ah-grid{min-height:470px}.ah-stage{aspect-ratio:1.13}.rh-laptop{top:14%}.rh-phone{bottom:13%}.ah-discover{font-size:9px;gap:4px}.ah-tools{gap:2px;padding-inline:4px}.ah-discover svg{width:18px;height:18px}.ah-service-strip>a{padding-inline:16px}.ah-service-strip strong{font-size:12px}.ah-service-strip>a>svg{width:24px;height:24px}.ah-service-strip>a>i{display:none}}
@media(max-width:780px){.ah-grid{grid-template-columns:1fr;min-height:0;gap:17px;padding:35px 0 25px}.ah-copy{padding:0;max-width:560px}.ah-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:18px}.ah-copy h1{font-size:clamp(40px,8vw,58px);line-height:1.07;margin-bottom:20px}.ah-description{font-size:16px;max-width:390px;line-height:1.6;margin-bottom:22px}.ah-actions{gap:11px}.ah-primary,.ah-secondary{min-height:48px;font-size:12px;padding:13px 20px;gap:13px}.ah-visual{width:100%;max-width:600px;margin:0 auto}.ah-stage{aspect-ratio:1.4;width:100%;margin:0}.rh-laptop{top:0}.rh-phone{bottom:2%}.ah-tools{margin-top:10px;gap:8px;min-height:50px;padding:3px 8px}.ah-discover{font-size:10px;gap:6px}.ah-instructions{font-size:10px;margin-top:8px}.ah-instructions>span{display:inline;padding-left:7px;margin-left:6px;border-left:1px solid #40565d}.ah-service-strip{padding:20px 0 23px;gap:14px}.ah-service-strip>a{padding:0 12px;display:block;position:relative}.ah-service-strip>a>svg{width:23px;height:23px;margin-bottom:8px}.ah-service-strip strong{font-size:12px;margin-bottom:5px}.ah-service-strip small{font-size:10px;line-height:1.6}.ah-service-strip>a>i{display:none}}
@media(max-width:440px){.ah-grid{padding-top:29px;gap:22px}.ah-copy h1{font-size:clamp(35px,9.6vw,42px)}.ah-eyebrow{font-size:7.5px;letter-spacing:.09em}.ah-description{font-size:15px;max-width:330px;margin-bottom:21px}.ah-primary,.ah-secondary{font-size:10.5px;padding:12px 16px;gap:12px;min-height:46px}.ah-stage{aspect-ratio:1.35}.rh-laptop{top:3%}.rh-phone{width:32%;bottom:3%}.ah-tools{margin-top:3px;gap:4px;padding:3px 5px}.ah-discover{font-size:9px;gap:4px}.ah-discover svg{width:18px;height:18px}.ah-instructions{font-size:9px}.ah-instructions>span{display:block;border:0;padding:0;margin:1px 0 0}.ah-service-strip{gap:9px;padding:18px 0 22px}.ah-service-strip>a{padding:0 9px}.ah-service-strip strong{font-size:11px}.ah-service-strip small{font-size:9px}.ah-service-strip>a>svg{width:22px;height:22px}}
@media(max-width:340px){.ah-copy h1{font-size:33px}.ah-eyebrow{font-size:6.7px;gap:6px}.ah-description{font-size:14px}.ah-actions{gap:7px}.ah-primary,.ah-secondary{font-size:10px;padding-inline:12px;gap:8px}.ah-tools{gap:2px;padding-inline:3px}.ah-discover{font-size:8px;gap:3px}.ah-discover svg{width:16px;height:16px}.ah-service-strip{gap:7px}.ah-service-strip>a{padding-inline:7px}.ah-service-strip strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ah-world,.ah-primary,.ah-secondary,.rh-display,.rh-desktop-copy,.ah-service-strip>a{transition:none}.ah-primary:hover{transform:none}}

/* ADF source: dark-detail.css */
/* ADF dark studio — tangible service previews, concept cases and studio story. */
.dd-service-visual { margin:0; min-width:0; overflow:hidden; border:1px solid #29424a; border-radius:14px; background:#13262c; box-shadow:0 20px 60px #00000020; }
.dd-service-visual>figcaption { display:flex; gap:8px; justify-content:space-between; align-items:start; flex-wrap:wrap; padding:18px 22px; background:#112229; color:#95aeb6; border-top:1px solid #29424a; font-size:10px; }
.dd-service-visual>figcaption strong { color:#dcebe8; font-size:12px; font-weight:500; }
.dd-service-visual>.at-project-stage { border:0; border-radius:0; margin:0; width:100%; }
.dd-service-visual .at-project-phone { display:none; }
.dd-service-visual .at-project-browser { max-width:none; width:100%; }
.dd-ads-preview, .dd-seo-preview { background:#14282f; color:#eef5f3; padding:26px; min-height:360px; }
.dd-ui-title { display:flex; justify-content:space-between; gap:15px; padding-bottom:20px; margin-bottom:22px; border-bottom:1px solid #31484f; color:#9fb6be; font-size:9px; letter-spacing:.1em; }
.dd-ui-title>span:last-child { color:#54dcb5; }
.dd-ads-search, .dd-seo-query { display:flex; gap:12px; align-items:center; padding:12px 17px; border:1px solid #3c555d; background:#1c343b; border-radius:30px; color:#d9e7e8; font-size:13px; }
.dd-ads-search>span, .dd-seo-query>span:first-child { color:#54dcb5; font-size:24px; line-height:1; }
.dd-ads-result { padding:24px 7px; }
.dd-ads-result small, .dd-seo-result>small { color:#9fb7bd; font-size:10px; }
.dd-ads-result>strong { display:block; color:#6ce4c0; font-size:19px; line-height:1.4; font-weight:500; letter-spacing:-.035em; margin-top:6px; }
.dd-ads-result p { font-size:11px; color:#afc2c7; line-height:1.7; margin:8px 0 12px; }
.dd-ads-result>span { color:#f1f6f4; font-size:10px; border-bottom:1px solid #6b898b; padding-bottom:3px; }
.dd-ads-bottom { display:grid; grid-template-columns:40% 60%; background:#e8e3d9; color:#24352d; border-radius:7px; overflow:hidden; }
.dd-ads-bottom img { width:100%; height:140px; object-fit:cover; }
.dd-ads-bottom>div { display:flex; flex-direction:column; justify-content:center; padding:16px 19px; }
.dd-ads-bottom small { color:#6b766a; font-size:8px; letter-spacing:.08em; }
.dd-ads-bottom strong { color:#233d32; font-family:Georgia,serif; font-weight:400; font-size:25px; line-height:1.15; margin:7px 0; }
.dd-ads-bottom p { color:#596a60; font-size:10px; margin:0; }
.dd-ads-path { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:21px; font-size:9px; color:#adc3c6; }
.dd-ads-path i { color:#54dcb5; font-style:normal; }
.dd-seo-preview { padding:32px; }
.dd-seo-result { padding:24px 4px; }
.dd-seo-result h3 { color:#6ce4c0; font-size:23px; font-weight:400; line-height:1.3; margin:9px 0; }
.dd-seo-result p { color:#b1c5cb; font-size:12px; line-height:1.7; }
.dd-seo-result>div { display:flex; gap:16px; flex-wrap:wrap; font-size:10px; color:#e0eeec; }
.dd-seo-result>div>span { border-bottom:1px solid #6d8b88; padding-bottom:3px; }
.dd-seo-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #314a52; padding-top:22px; gap:20px; }
.dd-seo-checks>div>span { display:block; font-size:26px; font-weight:300; line-height:1; color:#54dcb5; margin-bottom:12px; }
.dd-seo-checks strong { display:block; color:#e9f3f1; font-size:11px; font-weight:500; line-height:1.5; }
.dd-seo-checks small { display:block; font-size:9px; color:#9fb6bd; line-height:1.8; margin-top:5px; }
.dd-ui-note { color:#92aab1; font-size:9px; margin:25px 0 0; line-height:1.7; }

/* The studio image is illustrative, paired with the actual service approach. */
.dd-identity-section { background:#0b181d; }
.dd-identity-layout { display:grid; grid-template-columns:1fr 1.12fr; align-items:center; gap:64px; }
.dd-identity-layout .identity-copy { max-width:540px; }
.dd-identity-layout .identity-copy h2 { font-size:clamp(30px,3.4vw,48px); font-weight:400; line-height:1.13; color:#f0f5f2; }
.dd-identity-layout .identity-copy>p:not(.eyebrow) { color:#aabdc3; font-size:14px; line-height:1.9; margin:23px 0; }
.dd-studio-photo { position:relative; margin:0; border:1px solid #2b4248; border-radius:12px; overflow:hidden; background:#13262c; }
.dd-studio-photo img { width:100%; height:420px; object-fit:cover; display:block; }
.dd-studio-photo figcaption { background:#12242a; color:#c2d3d3; padding:16px 20px; font-size:11px; }
.dd-identity-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; border-top:1px solid #2a4148; padding-top:42px; margin-top:58px; }
.dd-identity-steps article { padding:0; border:0; }
.dd-identity-steps article>div { color:#a9bfc2; }
.dd-identity-steps article>div>span { font-size:44px; line-height:1.1; font-weight:300; color:#cbe5dd; letter-spacing:-.07em; }
.dd-identity-steps h3 { font-size:20px; line-height:1.3; font-weight:400; color:#eef6f2; margin:16px 0 9px; }
.dd-identity-steps p { color:#a3bbc2; font-size:12px; line-height:1.85; margin:0; }
.dd-identity-section .identity-footnote { color:#8fa8b0; font-size:11px; padding-top:23px; }
.dd-studio-contact { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; background:#142a30; border:1px solid #2b454b; border-radius:12px; padding:36px 40px; margin-top:45px; }
.dd-studio-contact h3 { font-size:26px; color:#eef6f2; font-weight:400; margin:0; max-width:390px; }
.dd-studio-contact .eyebrow { margin:0 0 12px; }
.dd-studio-contact>div:last-child { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.dd-studio-contact .identity-phone { color:#69e0bd; font-size:29px; font-weight:400; letter-spacing:-.04em; }
.dd-studio-contact .text-link { color:#c8ddd7; font-size:12px; }

/* Portfolio overview and expanded case study remain part of the dark studio. */
.sc-examples { background:#0b181d; }
.sc-project-grid { gap:48px 26px; }
.sc-project-visual { padding:0; background:#13262c; border:1px solid #2b444b; border-radius:10px; overflow:hidden; }
.sc-project-visual:hover { background:#18333b; border-color:#6c9b8f; }
.sc-project-visual>.at-project-stage { width:100%; margin:0; border:0; border-radius:0; }
.sc-project-meta { color:#9cb4bd; font-size:11px; }
.sc-project-meta>span:last-child { color:#adc4c8; }
.sc-project-card h3 { color:#eaf2ef; font-size:24px; font-weight:500; margin-bottom:14px; }
.sc-project-card h3 span { font-size:16px; font-weight:400; color:#a6bdc4; }
.sc-project-card>.text-link { color:#b6d2c9; border-color:#5c7a73; }
.sc-case-subtitle { color:#a9c1c9; font-weight:400; }
.sc-case-overview { background:#0b181d; padding-bottom:48px; }
.sc-case-actions>span, .sc-preview-caption { color:#95aeb7; }
.sc-device-composition { background:#13272e; border:1px solid #2c454e; border-radius:15px; padding:48px; gap:32px; }
.sc-device-composition>.sc-phone-frame { border-color:#23363d; background:#23363d; box-shadow:0 20px 40px #00000030; }
.sc-device-composition>.sc-phone-frame:before { background:#0a1419; }
.sc-mockup { border-color:#46555b; border-radius:8px; box-shadow:0 22px 34px #00000025; }
.sc-browser-top { background:#dce2e2; border-color:#c6cfcf; color:#596969; }
.sc-browser-top>span:first-child { color:#8d9e9b; }
.sc-mockup .sc-mini-content p { color:inherit; }
.sc-mockup-forma .sc-mockup-inner { background:#f5f1e9; color:#28372e; }
.sc-mockup-nora .sc-mockup-inner { background:#eee9df; color:#2e3a2f; }
.sc-mockup-move .sc-mockup-inner { background:#102125; color:#eff5ef; }
.sc-mockup-move .sc-mini-nav>b { font-style:normal; font-weight:650; }
.sc-mockup-move .sc-mini-content strong { font-weight:400; letter-spacing:-1px; }
.sc-mockup-move .sc-mini-content i { color:#63e0b8; }
.sc-mockup-flow .sc-mockup-inner { background:#f1f6f6; color:#294047; }
.sc-mockup-flow .sc-mini-board>div { background:#e5eeee; }
.sc-mockup-flow .sc-mini-board small { color:#526e73; }
.sc-mockup-flow .sc-mini-board article { background:#fff; border-color:#d3e0df; color:#30464c; }
.sc-mockup-flow .sc-mini-board article i { color:#2a8170; }
.sc-case-copy li { color:#b1c4ca; border-color:#294149; }
.sc-case-copy li:before { color:#54dcb5; }
.sc-scope { background:#13282f; border-color:#2c464d; }
.sc-scope h3 { color:#e9f5ef; font-weight:400; }
.sc-scope ul { color:#afc6c9; }
.sc-case-next { padding:25px 0 70px; }
.sc-more-work>a { border-color:#29434b; }
.sc-work-icon { background:#173a3c; color:#54dcb5; }
.sc-more-work small { color:#aac1c7; }
.sc-more-work strong { color:#e3eeeb; }
.sc-more-work>a>span:last-child { color:#54dcb5; }

/* Demo brands have their own intentional visual identities inside the studio. */
.sc-demo-intro { background:#14282e; color:#a7bec5; border-color:#2a4149; }
.sc-demo-intro a { color:#75ddbd; }
.sc-demo-shell h1,.sc-demo-shell h2,.sc-demo-shell h3 { color:inherit; }
.sc-demo-shell .demo-brand-nav { min-width:0; }
.sc-demo-shell .demo-kicker { color:inherit; }
.sc-demo-shell .demo-filters button { min-height:44px; }
.sc-demo-shell .demo-filters button:focus-visible { outline:3px solid #21836b; outline-offset:3px; }
.sc-demo-shell a:focus-visible,.sc-demo-shell input:focus-visible,.sc-demo-shell select:focus-visible,.sc-demo-shell summary:focus-visible { outline:3px solid #21836b; outline-offset:3px; }
.forma-demo { background:#f3f0e9; color:#29392f; }
.forma-demo .demo-status { color:#637465; }
.forma-demo .demo-brand-nav { border-color:#cbd1c7; }
.forma-demo .demo-filters button { border-color:#a9b7aa; color:#385440; }
.forma-demo .demo-filters button[aria-pressed=true] { color:#fff; background:#294e3e; border-color:#294e3e; }
.forma-demo-hero { padding-top:40px; gap:50px; }
.forma-demo-hero>img { border-radius:8px; max-height:580px; }
.forma-project-photo { border-radius:6px; }
.forma-project details,.forma-project summary,.forma-project details p { color:#495d4b; }
.forma-project details[open] { background:transparent; }
.forma-demo .demo-link { color:#315b43; }
.nora-demo { background:#f5f2eb; color:#303d32; }
.nora-demo .demo-brand-nav { border-color:#d3d5c8; }
.nora-demo-hero { background:#e8e3d6; border-radius:8px; }
.nora-demo-hero>div>p:not(.demo-kicker) { color:#66705d; }
.nora-demo .demo-status { color:#70765f; }
.nora-demo .demo-filters button { color:#4c5f49; border-color:#b8c1aa; }
.nora-demo .demo-filters button[aria-pressed=true] { color:#fff; border-color:#405940; background:#405940; }
.nora-product-photo { background:#dedbce; border-radius:7px; }
.nora-crop-0 img { object-position:64% center; transform:scale(1.15); transform-origin:64% 58%; }
.nora-crop-1 img { object-position:100% center; transform:scale(1.3); transform-origin:88% 75%; }
.nora-crop-2 img { object-position:82% center; transform:none; }
.nora-product-photo>span { background:#fffff0db; color:#53624d; }
.nora-product>p { color:#6e765f; }
.nora-product button { color:#435c41; border-color:#adbba5; border-radius:5px; }
.nora-product button:hover { background:#e5eadb; }
.nora-cart { background:#fffefa; color:#344a35; border-color:#d6ddcb; border-radius:10px; top:100px; }
.nora-cart .cart-empty,.nora-cart-note,.nora-cart .demo-status { color:#6a795e; }
.nora-cart-note,.nora-cart .cart-item { border-color:#dce2d3; }
.nora-cart button { border-color:#c4d0b8; color:#445d3d; }
.nora-cart .cart-quantity button { background:#ecf0e4; color:#3e573a; border-color:#d1dcc5; min-height:36px; min-width:36px; }
.nora-cart .cart-quantity .cart-remove { min-width:44px; background:transparent; }
.nora-cart>button { min-height:44px; }
.move-demo { background:#0e1c21; color:#edf4f2; }
.move-demo .demo-brand-nav { border-color:#30474c; }
.move-demo .demo-brand-nav>b { font-weight:550; font-style:normal; letter-spacing:-.05em; }
.move-demo .demo-status,.move-toolbar>p { color:#a6bdc4; }
.move-demo .demo-filters button { color:#b4c9ce; border-color:#4a6268; }
.move-demo .demo-filters button[aria-pressed=true] { color:#09281d; background:#54dcb5; border-color:#54dcb5; }
.move-ad { background:#13282b; color:#f1f7f3; border:1px solid #31484d; border-radius:10px; }
.move-ad h1 { font-weight:400; letter-spacing:-.06em; }
.move-ad-copy>p:not(.demo-kicker) { color:#afc6c7; }
.move-ad .demo-kicker { color:#72dbb9; }
.move-ad .demo-link { color:#69e0b9; }
.move-ad>img { object-position:57% center; }
.move-demo[data-variant=everyday] .move-ad { background:#1c3432; }
.move-demo[data-variant=everyday] .move-ad>img { filter:saturate(.8); }
.move-connection { color:#9bb6ba; }
.move-connection>span:nth-child(2) { color:#54dcb5; }
.move-landing { background:#14292e; border-color:#304c52; color:#e5f2ed; border-radius:10px; }
.move-landing h2 { font-weight:400; }
.move-landing p:not(.demo-kicker),.move-landing-notes span { color:#a9c2c6; }
.move-landing-notes span { border-color:#355158; }
.move-landing .demo-link { color:#69e0b9; }
.move-disclosure { color:#94adb5; }
.flow-demo { background:#0e1d23; color:#eaf4ef; }
.flow-demo .demo-brand-nav { border-color:#2a444c; }
.flow-demo .demo-brand-nav>b { font-weight:500; }
.flow-demo-heading h1 { font-weight:400; }
.flow-demo-heading p:not(.demo-kicker), .flow-demo>.wrap>.demo-status { color:#a5bdc5; }
.flow-demo-counter { color:#58dbb3; border-color:#31514e; background:#14312f; border-radius:12px; }
.flow-demo-controls { background:#142a32; border-color:#2d4953; }
.flow-demo-controls label { color:#c6dadd; font-weight:500; }
.flow-demo-controls input,.flow-demo-controls select { background:#102229; color:#e9f3ef; border-color:#3c5c65; color-scheme:dark; }
.flow-demo-controls input::placeholder { color:#94afb8; opacity:1; }
.flow-demo-controls button { background:#54dcb5; border-color:#54dcb5; color:#103427; }
.flow-demo-controls .flow-reset { background:#142a32; color:#c0d6dc; border-color:#4a6871; }
.flow-demo-column { background:#e5edee; border-color:#c9d8dc; border-radius:9px; color:#283f46; }
.flow-demo-column h3 { color:#3c5d65; }
.flow-stage-count { color:#477267; background:#c5dfd7; }
.flow-demo-task { background:#fff; border-color:#cedcdd; color:#2a4247; box-shadow:0 6px 18px #27464b05; }
.flow-demo-task small { color:#6f8b8c; }
.flow-advance { color:#256b5a; background:#ecf5ef; border-color:#b7d8c6; min-height:40px; }
.flow-done { color:#28664c; background:#deefe4; }
.flow-empty { color:#607c83; }
.flow-demo-bottom { border-color:#2a4750; }
.flow-demo-bottom p { color:#97b2ba; }

@media(max-width:1000px) {
  .dd-identity-layout { gap:36px; }
  .dd-studio-photo img { height:370px; }
  .dd-identity-steps { gap:22px; }
  .dd-studio-contact { padding:28px; }
  .sc-device-composition { padding:32px; gap:25px; }
  .dd-ads-preview,.dd-seo-preview { padding:22px; }
}
@media(max-width:780px) {
  .dd-identity-layout { grid-template-columns:1fr; gap:32px; }
  .dd-identity-layout .identity-copy { max-width:none; }
  .dd-studio-photo img { height:auto; aspect-ratio:3/2; }
  .dd-identity-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:36px; padding-top:28px; }
  .dd-identity-steps article+article { border:0; }
  .dd-studio-contact { grid-template-columns:1fr; gap:24px; }
  .dd-studio-contact h3 { font-size:26px; }
  .sc-project-grid { gap:36px 20px; }
  .sc-project-card h3 { font-size:23px; }
  .sc-project-card h3 span { font-size:14px; }
  .sc-case-actions>span { margin-left:0; width:100%; }
  .sc-device-composition { padding:24px; }
  .forma-demo-hero { gap:30px; }
  .flow-demo-controls { padding:20px; }
}
@media(max-width:520px) {
  .dd-ads-preview,.dd-seo-preview { padding:19px; min-height:0; }
  .dd-ads-search,.dd-seo-query { font-size:11px; padding:11px 13px; gap:9px; }
  .dd-ads-bottom>div { padding:12px; }
  .dd-ads-bottom strong { font-size:22px; }
  .dd-ads-bottom img { height:130px; }
  .dd-ads-path { font-size:8px; gap:7px; }
  .dd-seo-checks { gap:12px; }
  .dd-seo-checks strong { font-size:10px; }
  .dd-seo-checks small { font-size:8px; }
  .dd-seo-result h3 { font-size:21px; }
  .dd-service-visual>figcaption { padding:15px 18px; }
  .dd-identity-steps { gap:26px 21px; }
  .dd-identity-steps article>div>span { font-size:39px; }
  .dd-identity-steps h3 { font-size:19px; margin-top:12px; }
  .dd-identity-steps p { font-size:11px; }
  .dd-studio-contact { padding:24px; }
  .dd-studio-contact .identity-phone { font-size:27px; }
  .sc-device-composition { padding:17px; }
  .sc-project-visual { padding:0; }
  .sc-project-meta { font-size:10px; }
  .sc-case-next { padding-bottom:45px; }
  .nora-cart { padding:24px; }
  .flow-demo-controls { padding:18px; }
  .move-ad-copy { padding:30px 24px; }
  .move-ad h1 { font-size:48px; }
  .move-ad>img { height:290px; }
}
@media(prefers-reduced-motion:reduce) {
  .sc-project-visual,.move-ad>img { transition:none; }
}

/* ADF source: realism-refinements.css */
/* Final non-hero refinements: readable previews, intentional image framing,
   and comfortable controls across the approved dark studio design. */

/* Supporting copy should remain readable at every breakpoint. */
.at-process p,
.dd-identity-steps p,
.dt-journal-card > p:not(.dt-journal-label),
.dt-service-copy > p:not(.eyebrow):not(.dt-scope-note),
.dt-home-faq .faq > div > p:not(.eyebrow) {
  font-size: 14px;
  line-height: 1.8;
}
.dt-service-copy li { font-size: 14px; line-height: 1.75; }
.dt-service-copy h4 { font-size: 12px; }
.at-portfolio-note,
.at-project-caption p,
.dt-service-copy .dt-scope-note,
.dt-journal-label,
.dt-visual-note,
.sc-preview-caption,
.identity-footnote { font-size: 12px; line-height: 1.7; }
.at-project-caption p,
.at-portfolio-note,
.dt-journal-label,
.dt-visual-note { color: #a0b8c1; }
.dt-journal-card > .text-link { font-size: 13px; }
.at-circle { width: 44px; height: 44px; flex-basis: 44px; }
.dt-studio-picture > span { font-size: 11px; padding: 7px 10px; }

/* These are compact interface previews. Retain the hierarchy instead of
   reducing every piece of interface text to illegible miniature type. */
.dt-preview-nav > b { font-size: clamp(15px, 2.6cqw, 21px); }
.dt-preview-nav > span,
.dt-service-visual .dt-preview-nav > span { font-size: clamp(9px, 1.4cqw, 11px); }
.dt-preview-copy { width: 46%; }
.dt-preview-copy p,
.dt-service-visual .dt-preview-copy p {
  font-size: clamp(11px, 1.8cqw, 14px);
  line-height: 1.55;
  max-width: 95%;
  margin: 12px 0;
}
.dt-preview-button { font-size: clamp(10px, 1.6cqw, 13px); line-height: 1.45; }
.dt-preview-index { font-size: clamp(9px, 1.3cqw, 11px); }
.dt-concept-move .dt-preview-copy p { font-size: clamp(11px, 1.7cqw, 13px); }
.dt-concept-move .dt-preview-copy { top: 24%; }

.dt-flow-app { grid-template-columns: 24% minmax(0, 1fr); }
.dt-flow-app aside { gap: 8%; font-size: clamp(10px, 1.6cqw, 13px); padding: 15% 12%; }
.dt-flow-app aside > b { font-size: clamp(16px, 3cqw, 24px); }
.dt-flow-app aside > span { white-space: normal; }
.dt-flow-main,
.dt-service-visual .dt-flow-main { display: flex; flex-direction: column; justify-content: flex-start; padding: 5%; min-height: 0; height: 100%; }
.dt-flow-search,
.dt-flow-foot { display: none; }
.dt-flow-heading { margin: 0 0 12px; }
.dt-flow-heading > strong { font-size: clamp(17px, 3cqw, 24px); line-height: 1.2; }
.dt-flow-heading > span { font-size: clamp(10px, 1.5cqw, 12px); padding: 6px 10px; line-height: 1.3; }
.dt-flow-tabs { font-size: clamp(10px, 1.5cqw, 12px); padding-bottom: 8px; flex-shrink: 0; }
.dt-flow-tabs > b { padding-bottom: 4px; }
.dt-flow-rows { flex: 1; min-height: 0; grid-template-rows: repeat(4, minmax(0, 1fr)); margin-top: 10px; gap: 6px; }
.dt-flow-rows > div,
.dt-service-visual .dt-flow-rows > div { min-height: 0; padding: 3px 8px; gap: 10px; }
.dt-flow-rows > div > i { font-size: 10px; flex-basis: 18px; }
.dt-flow-rows strong { font-size: clamp(11px, 1.8cqw, 14px); line-height: 1.3; }
.dt-flow-rows strong > small { display: none; }
.dt-flow-rows em { font-size: 16px; }
.dt-flow-progress { width: 19%; flex-shrink: 0; }

/* Browser and phone examples remain separate, proportionate frames. */
.sc-device-composition { align-items: start; grid-template-columns: minmax(0, 1fr) 270px; gap: 30px; padding: 36px; }
.sc-device-composition > div { min-width: 0; }
.sc-device-composition > .sc-phone-frame { width: 270px; margin-top: 20px; border-width: 7px; border-radius: 29px; }
.sc-browser-top { padding: 10px 14px; font-size: 10px; }
.sc-mini-nav { padding: 20px; font-size: 11px; }
.sc-mini-nav > b { font-size: 27px; }
.sc-mini-nav > span { font-size: 11px; }
.sc-mini-content { min-height: 270px; }
.sc-mini-content > div { padding: 24px 18px 24px 24px; }
.sc-mini-content > img { min-height: 270px; }
.sc-mini-content small { font-size: 9px; line-height: 1.5; }
.sc-mini-content strong { font-size: clamp(27px, 5.8cqw, 38px); letter-spacing: -.045em; }
.sc-mini-content p { font-size: 12px; line-height: 1.65; }
.sc-mini-content i { font-size: 11px; line-height: 1.5; }
.sc-mini-foot,
.sc-mini-products { font-size: 10px; line-height: 1.5; padding: 15px 20px; gap: 15px; }
.sc-mini-products { flex-wrap: wrap; }
.sc-mini-products span { gap: 4px 9px; }
.sc-mini-board { gap: 10px; padding: 10px 18px 24px; min-height: 270px; }
.sc-mini-board > div { padding: 12px 9px; }
.sc-mini-board small { font-size: 9px; }
.sc-mini-board article { font-size: 11px; padding: 11px 9px; }
.sc-mini-board article i { font-size: 9px; }
.sc-mobile-mockup .sc-mini-nav { padding: 20px 18px; }
.sc-mobile-mockup .sc-mini-nav > b { font-size: 25px; }
.sc-mobile-mockup .sc-mini-nav > span { display: none; }
.sc-mobile-mockup .sc-mini-content > div { padding: 23px 21px; }
.sc-mobile-mockup .sc-mini-content small { font-size: 9px; }
.sc-mobile-mockup .sc-mini-content strong { font-size: 32px; line-height: 1.12; }
.sc-mobile-mockup .sc-mini-content p { font-size: 12px; }
.sc-mobile-mockup .sc-mini-content i { font-size: 11px; }
.sc-mobile-mockup .sc-mini-content > img { min-height: 0; height: 170px; object-fit: cover; }
.sc-mobile-mockup .sc-mini-foot,
.sc-mobile-mockup .sc-mini-products { font-size: 10px; padding: 15px 18px; }
.sc-mobile-mockup .sc-mini-products { flex-direction: column; gap: 9px; }
.sc-mobile-mockup .sc-mini-products span { justify-content: space-between; }
.sc-mobile-mockup .sc-mini-board { padding: 4px 16px 20px; }
.sc-mobile-mockup .sc-mini-board > div { padding: 12px; }
.sc-mobile-mockup .sc-mini-board article { font-size: 12px; padding: 11px; }

/* Individual product photography should show the complete product. */
.nora-product-photo { background: #eeeae1; overflow: hidden; }
.forma-project-photo img { transform: none; object-position: center; }
.nora-product-photo img,
.nora-crop-0 img,
.nora-crop-1 img,
.nora-crop-2 img {
  object-fit: contain;
  object-position: center;
  transform: none;
  transform-origin: center;
}
.nora-product > p { font-size: 13px; line-height: 1.65; }
.nora-product-photo > span { font-size: 10px; line-height: 1.5; }
.nora-product button { min-height: 44px; font-size: 12px; }
.nora-cart .cart-quantity button { min-width: 44px; min-height: 44px; }
.nora-cart .cart-quantity .cart-remove { font-size: 12px; }
.demo-filters button,
.flow-advance { min-height: 44px; }
.move-demo[data-variant=everyday] .move-ad > img { filter: none; }
.move-demo .demo-filters button { background: transparent; color: #d4e4e4; border-color: #68848a; font-weight: 600; }
.move-demo .demo-filters button:hover { background: #244149; color: #f6fffc; border-color: #8bb2af; }
.move-demo .demo-filters button[aria-pressed=true],
.move-demo .demo-filters button[aria-pressed=true]:hover { background: #54dcb5; color: #082b24; border-color: #54dcb5; }

/* Retain actual form and pricing values while improving legibility. */
.price-card .period,
.price-card .popular { font-size: 12px; }
.price-card li,
.price-card .package-audience { font-size: 13px; line-height: 1.75; }
.price-card .amount { white-space: nowrap; }
.price-card .btn { min-height: 48px; }
.field label { font-size: 14px; }
.check-field small,
.contact-form-intro > p:last-child,
.calc-summary .quote-note { font-size: 13px; line-height: 1.7; }
.field input,
.field select,
.field textarea { font-size: 16px; }
.field input,
.field select { min-height: 48px; }
.field input::placeholder,
.field textarea::placeholder { color: #a9bdc5; }

/* Detailed search and advertising illustrations use a realistic type scale. */
.dd-ui-title,
.dd-ads-result small,
.dd-seo-result small,
.dd-ads-path,
.dd-seo-note { font-size: 11px; line-height: 1.6; }
.dd-ads-result p,
.dd-seo-result p,
.dt-search-result > p { font-size: 13px; line-height: 1.65; }
.dd-seo-checks strong { font-size: 12px; }
.dd-seo-checks small { font-size: 11px; }
.dt-search-result > span,
.dt-search-caption,
.dt-seo-preview > p { font-size: 11px; }
.dt-seo-grid > span { font-size: 12px; }

@container (max-width: 500px) {
  .dt-preview-nav > span,
  .dt-preview-index { display: none; }
  .dt-preview-copy p { display: none; }
  .dt-preview-copy,
  .dt-service-visual .dt-preview-copy { top: 30%; width: 49%; }
  .dt-concept-move .dt-preview-copy { top: 27%; }
  .dt-preview-button { display: inline-block; margin-top: 14px; font-size: 11px; }
  .dt-flow-app { grid-template-columns: 1fr; }
  .dt-flow-app aside { display: none; }
  .dt-flow-main,
  .dt-service-visual .dt-flow-main { padding: 12px 16px; }
  .dt-flow-heading { margin-bottom: 8px; }
  .dt-flow-heading > strong { font-size: 19px; }
  .dt-flow-tabs { display: none; }
  .dt-flow-rows strong > small,
  .dt-flow-rows > div:last-child { display: none; }
  .dt-flow-rows { grid-template-rows: repeat(3, minmax(0, 1fr)); margin-top: 0; gap: 5px; }
  .dt-flow-rows strong { font-size: 12px; }
}

@media (max-width: 1100px) {
  .sc-device-composition { grid-template-columns: minmax(0, 1fr) 235px; padding: 26px; gap: 24px; }
  .sc-device-composition > .sc-phone-frame { width: 235px; }
  .sc-mini-nav > span { display: none; }
  .sc-mini-content > div { padding: 22px 15px; }
  .sc-mobile-mockup .sc-mini-content strong { font-size: 29px; }
}

@media (max-width: 900px) {
  .sc-device-composition { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .sc-device-composition > .sc-phone-frame { width: 280px; justify-self: center; margin-top: 0; }
  .sc-device-composition > div:first-child .sc-mini-content { min-height: 270px; }
  .sc-device-composition > div:first-child .sc-mini-content > img { min-height: 270px; }
  .sc-device-composition > div:first-child .sc-mini-content > div { padding: 25px 22px; }
  .sc-device-composition > div:first-child .sc-mini-content strong { font-size: clamp(27px, 5.8cqw, 38px); }
  .sc-device-composition > div:first-child .sc-mini-content p { font-size: 12px; }
  .sc-device-composition > div:first-child .sc-mini-content i { font-size: 11px; }
  .sc-device-composition > div:first-child .sc-mini-content small { font-size: 9px; }
  .sc-device-composition > div:first-child .sc-mini-nav { padding: 20px 22px; }
  .sc-mobile-mockup .sc-mini-content strong { font-size: 32px; }
}

@media (max-width: 680px) {
  .at-project-grid { grid-template-columns: 1fr; }
  .at-project-caption h3 a { flex-direction: row; align-items: baseline; flex-wrap: wrap; }
  .at-project-caption h3 span { font-size: 12px; }
  .dt-journal-card { display: block; }
  .dt-journal-image { aspect-ratio: 1.75; }
  .dt-journal-label { margin-top: 18px; }
  .dt-seo-grid { grid-template-columns: 1fr; gap: 8px; }
  .dt-seo-preview { min-height: 0; }
}

@media (max-width: 520px) {
  .sc-device-composition { display: grid; padding: 16px; }
  .sc-device-composition > .sc-phone-frame { width: min(100%, 280px); align-self: auto; }
  .sc-device-composition > div:first-child .sc-mini-content { grid-template-columns: 1fr; }
  .sc-device-composition > div:first-child .sc-mini-content > div { padding: 25px 22px; }
  .sc-device-composition > div:first-child .sc-mini-content > img { min-height: 0; height: 185px; }
  .sc-device-composition > div:first-child .sc-mini-content strong { font-size: 31px; }
  .sc-device-composition .sc-mobile-mockup .sc-mini-content strong { font-size: 32px; }
  .sc-mini-foot { flex-wrap: wrap; }
  .sc-mini-board { grid-template-columns: 1fr; min-height: 0; }
  .sc-mini-board article { font-size: 12px; }
  .sc-project-meta { flex-wrap: wrap; font-size: 11px; gap: 4px 12px; }
  .sc-project-card .text-link { font-size: 13px; }
  .nora-product-photo { height: 210px; }
  .nora-product > div:last-child { align-items: stretch; flex-direction: column; gap: 10px; }
  .nora-product button { width: 100%; }
  .nora-product > p { font-size: 12px; }
  .dd-seo-checks { grid-template-columns: 1fr; gap: 14px; }
  .dd-ads-path { flex-wrap: wrap; gap: 10px; font-size: 11px; }
  .dd-ads-search,
  .dd-seo-query { font-size: 13px; }
  .price-card .amount { font-size: clamp(32px, 9vw, 39px); }
  .at-project-caption h3 span { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .dt-preview-surface { transform: none !important; transition: none; }
}

/* ADF source: premium-editorial.css */
/* Art-directed portfolio and journal. Scoped classes isolate these sections
   from previous miniature-preview styles. Images are always visible eagerly. */
.pe-portfolio,.pe-journal{position:relative;padding:96px 0;background:#0b181d;color:#ecf4f2;overflow:hidden}
.pe-portfolio{border-bottom:1px solid #253c43}
.pe-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:42px}
.pe-section-head>div{min-width:0}
.pe-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#a8bdc5;font:600 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.18em}
.pe-eyebrow>span{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#54dcb5;box-shadow:0 0 16px #54dcb544}
.pe-section-head h2{font-size:clamp(34px,4.4vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.055em;color:#f0f6f3;margin:0}
.pe-section-head h2 em{font:inherit;color:#8fa9b2}
.pe-head-aside{max-width:345px;padding-bottom:4px}
.pe-head-aside>p{font-size:14px;line-height:1.85;color:#a5bec6;margin:0 0 20px}
.pe-text-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #54727b;padding:0 0 9px;color:#def3ed;font-size:12px;font-weight:600;text-decoration:none;min-height:36px}
.pe-text-link:hover{color:#7ceac7;border-color:#7ceac7}
.pe-text-link>span{font-size:19px;font-weight:400;line-height:1}
.pe-project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 28px}
.pe-project{min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none}
.pe-project-forma,.pe-project-move{grid-column:span 7}
.pe-project-nora,.pe-project-flow{grid-column:span 5}
.pe-project-link{display:block;color:inherit;text-decoration:none;border-radius:12px;outline-offset:7px}
.pe-project-media{position:relative;border-radius:12px;overflow:hidden;height:380px;border:1px solid #34505a;background:#173038;isolation:isolate}
.pe-project-link:focus-visible,.pe-feature-link:focus-visible,.pe-side-story a:focus-visible,.pe-journal-more:focus-visible{outline:2px solid #80eacb;outline-offset:5px}
.pe-scene{position:relative;height:100%;width:100%;overflow:hidden;isolation:isolate;transform:translateZ(0)}
.pe-scene>img,.pe-feature-photo>img,.pe-side-photo>img{display:block!important;visibility:visible!important;opacity:1!important;width:100%;height:100%;object-fit:cover;transform:none;transition:transform .65s cubic-bezier(.2,.6,.3,1)}
.pe-project-link:hover .pe-scene>img{transform:scale(1.035)}
.pe-scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#02100c60 0,transparent 35%,#031512b8 100%)}
.pe-art-top{position:absolute;left:27px;right:27px;top:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1;color:#fff;font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.13em}
.pe-art-top>span:last-child{padding:5px 8px;border:1px solid #ffffff55;border-radius:20px;font-size:8px;letter-spacing:.06em}
.pe-forma>img{object-position:center 55%}
.pe-forma-title{position:absolute;left:28px;bottom:72px;color:#f9f5e9;z-index:1}
.pe-forma-title>span{font-size:13px;font-weight:400;letter-spacing:.02em;display:block;margin-bottom:9px}
.pe-forma-title>strong{display:block;font-size:76px;font-weight:400;line-height:.92;letter-spacing:-.045em}
.pe-art-detail{position:absolute;bottom:24px;left:29px;right:29px;display:flex;justify-content:space-between;align-items:flex-end;color:#e9eee7;gap:20px;font-size:10px;line-height:1.5;z-index:1}
.pe-art-seal{font:italic 40px/1 Georgia,serif;border:1px solid #ffffff70;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;position:relative}
.pe-art-seal>span{font:9px/1 Manrope,sans-serif;position:absolute;right:3px;top:6px}
.pe-nora{background:#e9dfcd;color:#2c372c}
.pe-nora>img{object-position:67% center}
.pe-nora-wash{position:absolute;inset:0;background:linear-gradient(90deg,#efe8d8e8 0,#efe8d890 27%,transparent 63%);pointer-events:none}
.pe-nora .pe-art-top{color:#3c4938}
.pe-nora .pe-art-top>span:last-child{border-color:#4d5b3f55;font-size:7px}
.pe-nora-title{position:absolute;top:100px;left:27px;z-index:1}
.pe-nora-title>strong{display:block;font:400 52px/.95 Georgia,serif;letter-spacing:-.06em;color:#25362c}
.pe-nora-title>span{display:block;margin-top:18px;font-size:11px;line-height:1.7;color:#46533e}
.pe-nora-stamp{position:absolute;left:28px;bottom:25px;padding-left:10px;border-left:1px solid #78856c;color:#42513a;font-size:8px;letter-spacing:.08em;line-height:1.7}
.pe-move>img{object-position:62% 44%}
.pe-move .pe-scene-shade{background:linear-gradient(90deg,#071a19de 0,#071a1973 40%,#071a1900 75%),linear-gradient(0deg,#071a1966,transparent 50%)}
.pe-move-title{position:absolute;top:91px;left:28px;z-index:1}
.pe-move-title>strong{display:block;font-size:56px;font-weight:600;letter-spacing:-.065em;line-height:.98;color:#f2f7f3}
.pe-move-title em{font-style:normal;font-weight:400;color:#adf9d8}
.pe-move-title>span{display:block;color:#e1ece7;font-size:12px;line-height:1.7;margin-top:22px}
.pe-move-word{position:absolute;bottom:15px;left:28px;font-size:58px;line-height:1;letter-spacing:.045em;font-weight:700;color:transparent;-webkit-text-stroke:1px #d9f0e68c;z-index:1}
.pe-flow{background:radial-gradient(ellipse at 90% 10%,#685e8c66,transparent 70%),#191d2b;color:#f0eef9}
.pe-flow-art{height:100%;padding:26px 27px 0;position:relative;overflow:hidden}
.pe-flow-brand{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#c7c5db;font-size:8px;font-weight:600;letter-spacing:.09em}
.pe-flow-brand>span:first-child{font-size:13px;letter-spacing:.1em;color:#eeeffb}
.pe-flow-statement{font-size:34px;font-weight:500;line-height:1.08;letter-spacing:-.045em;margin-top:22px}
.pe-flow-statement>em{color:#bcb0ef;font-style:normal}
.pe-flow-window{position:absolute;left:25px;right:-34px;bottom:-12px;height:199px;border:1px solid #72728a70;border-radius:10px;background:#f4f5fb;color:#273144;box-shadow:0 17px 35px #0006;transform:perspective(1100px) rotateY(-4deg) rotateX(4deg) rotateZ(-2deg);transform-origin:70% 100%;overflow:hidden;transition:transform .5s}
.pe-project-link:hover .pe-flow-window{transform:perspective(1100px) rotateY(-1deg) rotateX(0deg) rotateZ(-1deg)}
.pe-flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;padding:0 14px;background:#fff;border-bottom:1px solid #dedfeb;color:#8a91a3;font-size:8px}
.pe-window-dots{display:flex;gap:4px}
.pe-window-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#c2c7d8}
.pe-flow-workspace{display:flex;min-height:170px}
.pe-flow-workspace>aside{width:34px;flex:0 0 34px;background:#fefeff;border-right:1px solid #e0e4f0;padding:11px 8px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#9698b0;font-size:12px}
.pe-flow-workspace>aside>b{font-size:15px;font-weight:800;color:#71649a}
.pe-flow-board{flex:1;min-width:0;padding:13px 17px 20px}
.pe-flow-board-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.pe-flow-board-title>strong{font-size:14px;font-weight:650;letter-spacing:-.03em}
.pe-flow-board-title>span{font-size:8px;color:#777f93;border-radius:3px;padding:3px 6px;background:#e7e8f3}
.pe-flow-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.pe-flow-columns>div{min-width:0}
.pe-flow-columns p{font-size:8px;font-weight:600;display:flex;align-items:center;gap:5px;margin:0 0 7px;color:#747c91;white-space:nowrap}
.pe-flow-columns p i{height:4px;width:4px;background:#9e94cb;border-radius:50%;flex:0 0 4px}
.pe-flow-columns>div:nth-child(2) p i{background:#ddbb6e}
.pe-flow-columns>div:nth-child(3) p i{background:#5fba99}
.pe-task{border:1px solid #e0e4ed;border-radius:5px;background:#fff;padding:9px 7px;box-shadow:0 3px 4px #1e294305}
.pe-task>span{display:inline-block;background:#efebfa;color:#8974ad;border-radius:3px;padding:2px 4px;font-size:7px;line-height:1.3;margin-bottom:7px}
.pe-task>strong{display:block;font-size:9px;font-weight:600;line-height:1.4;min-height:26px;color:#434f67}
.pe-task>small{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:6px;line-height:1.5;color:#939db0;border-top:1px solid #eef0f6;padding-top:6px;margin-top:5px}
.pe-task>small>b{font-size:10px;color:#6e9e8d;font-weight:400}
.pe-open-project{position:absolute;z-index:3;bottom:18px;right:18px;display:inline-flex;gap:17px;align-items:center;background:#f3f9f4;color:#10352a;border-radius:30px;padding:10px 14px;font-size:10px;font-weight:600;box-shadow:0 8px 24px #0002;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
.pe-open-project>span{font-size:16px;font-weight:400}
.pe-project-link:hover .pe-open-project,.pe-project-link:focus-visible .pe-open-project{opacity:1;transform:translateY(0)}
.pe-project-caption{display:flex;align-items:center;gap:14px;padding:20px 0 0;min-width:0}
.pe-project-number{align-self:flex-start;color:#65838d;font-size:11px;line-height:1.7;padding-top:2px}
.pe-project-caption>div:nth-child(2){flex:1;min-width:0}
.pe-project-tags{display:flex;align-items:center;gap:12px;color:#8ba9b4;font-size:10px;line-height:1.5;flex-wrap:wrap;margin-bottom:8px}
.pe-project-tags>span+span{position:relative;padding-left:11px}
.pe-project-tags>span+span:before{content:'';position:absolute;left:0;top:6px;width:3px;height:3px;border-radius:50%;background:#5c7b87}
.pe-project-caption h3{font-size:22px;font-weight:550;line-height:1.25;letter-spacing:-.03em;color:#eef5f3;margin:0}
.pe-project-caption h3>span{display:block;font-size:12px;line-height:1.7;font-weight:400;letter-spacing:0;color:#a9bdc6;margin-top:5px}
.pe-project-arrow{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #37555f;border-radius:50%;color:#bcdbd4;font-size:21px;transition:color .2s,background .2s,border-color .2s}
.pe-project-link:hover .pe-project-arrow{background:#54dcb5;border-color:#54dcb5;color:#0b2920}
.pe-portfolio-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:34px;padding-top:22px;border-top:1px solid #2d424a}
.pe-concept-label{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#95b0bb;font-size:9px;letter-spacing:.12em;font-weight:600}
.pe-concept-label>i{display:block;width:5px;height:5px;border:1px solid #84c3b0;border-radius:50%}
.pe-portfolio-foot>p{max-width:650px;color:#849eaa;font-size:11px;line-height:1.75;margin:0}
/* Journal: a leading story paired with a compact, readable editorial list. */
.pe-journal{background:linear-gradient(135deg,#11242b,#0d1c22);border-bottom:1px solid #29414a}
.pe-journal .pe-eyebrow>span{background:#beb4ed;box-shadow:0 0 16px #bcb4ed33}
.pe-journal .pe-section-head h2 em{color:#bcb4da}
.pe-journal-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:42px}
.pe-feature-story{min-width:0;padding:0;margin:0;background:none;border:0;box-shadow:none}
.pe-feature-link{display:block;text-decoration:none;color:inherit;outline-offset:6px;border-radius:12px}
.pe-feature-photo{position:relative;aspect-ratio:1.72;overflow:hidden;border-radius:11px;border:1px solid #304750;background:#24383b;isolation:isolate}
.pe-feature-photo:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#051b2670,transparent 45%);pointer-events:none}
.pe-story-pill{position:absolute;z-index:1;top:18px;left:18px;background:#e6eee6;color:#2b4d40;font-size:9px;font-weight:600;letter-spacing:.06em;border-radius:20px;padding:7px 11px;line-height:1.5}
.pe-story-image-arrow{position:absolute;z-index:1;right:17px;bottom:17px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f1f8f1;color:#274c3d;font-size:22px;transition:transform .3s}
.pe-feature-link:hover .pe-feature-photo>img,.pe-side-story a:hover img{transform:scale(1.04)}
.pe-feature-link:hover .pe-story-image-arrow{transform:rotate(45deg)}
.pe-feature-copy{padding:23px 0 0}
.pe-story-meta{font:600 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.1em;color:#aabac6;margin:0 0 11px;display:flex;flex-wrap:wrap;gap:7px 15px}
.pe-story-meta>span{color:#6e909d}
.pe-feature-copy h3{font-size:clamp(25px,2.6vw,34px);font-weight:450;letter-spacing:-.035em;line-height:1.2;color:#f0f5f3;margin:0 0 15px}
.pe-feature-copy>p:not(.pe-story-meta){font-size:13px;line-height:1.85;color:#9db7c2;margin:0 0 18px;max-width:490px}
.pe-story-cta{display:inline-flex;gap:25px;align-items:center;color:#d2eae1;font-size:11px;font-weight:600;line-height:1.5;padding-bottom:7px;border-bottom:1px solid #4c686e;min-height:32px}
.pe-story-cta>span{font-size:17px;font-weight:400}
.pe-journal-side{min-width:0;border-left:1px solid #30434e;padding-left:36px;display:flex;flex-direction:column}
.pe-side-label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #30434e;color:#8fa9b6;font-size:9px;line-height:1.5;letter-spacing:.13em}
.pe-side-label>span:last-child{color:#627f8d}
.pe-side-story{min-width:0;margin:0 0 23px;padding:0 0 24px;background:none;box-shadow:none;border:0;border-bottom:1px solid #30434e}
.pe-side-story>a{display:grid;grid-template-columns:128px minmax(0,1fr);gap:22px;text-decoration:none;color:inherit;outline-offset:6px}
.pe-side-photo{aspect-ratio:.86;min-height:150px;max-height:190px;border-radius:8px;overflow:hidden;background:#273943;border:1px solid #304750}
.pe-side-copy{min-width:0;padding:1px 0}
.pe-side-copy .pe-story-meta{font-size:8px;letter-spacing:.09em;margin-bottom:8px}
.pe-side-copy h3{font-size:20px;font-weight:500;letter-spacing:-.03em;line-height:1.3;color:#f0f4f3;margin:0 0 10px}
.pe-side-copy>p:not(.pe-story-meta){font-size:12px;line-height:1.75;color:#97b1bd;margin:0 0 11px}
.pe-side-copy .pe-story-cta{font-size:10px;gap:20px;padding-bottom:5px;min-height:28px}
.pe-journal-more{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#c8d7e1;font-size:13px;line-height:1.6;text-decoration:none;margin-top:auto;padding:6px 0 0;min-height:50px}
.pe-journal-more small{display:block;font-size:8px;color:#96a7c2;letter-spacing:.1em;line-height:1.5;margin-bottom:5px}
.pe-journal-more>span:last-child{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border:1px solid #485267;border-radius:50%;font-size:19px;color:#c0b7e1;transition:background .2s}
.pe-journal-more:hover>span:last-child{background:#c0b7e1;color:#1a2230}
@media(min-width:1500px){.pe-project-media{height:420px}.pe-flow-window{height:225px}.pe-flow-toolbar{height:34px}.pe-task>strong{font-size:11px}.pe-task>small{font-size:8px}.pe-task>span{font-size:8px}.pe-flow-columns p{font-size:9px}}
@media(max-width:1100px){.pe-project-grid{gap:32px 22px}.pe-project-media{height:340px}.pe-section-head{gap:40px}.pe-head-aside{max-width:310px}.pe-project-forma,.pe-project-move,.pe-project-nora,.pe-project-flow{grid-column:span 6}.pe-art-top{left:22px;right:22px;font-size:8px}.pe-art-top>span:last-child{font-size:7px}.pe-forma-title{left:23px}.pe-forma-title>strong{font-size:65px}.pe-art-detail{left:23px;right:23px}.pe-nora-title{left:23px;top:88px}.pe-nora-title>strong{font-size:47px}.pe-nora-stamp{left:23px}.pe-move-title{left:23px;top:88px}.pe-move-title>strong{font-size:48px}.pe-move-word{left:23px;font-size:50px}.pe-flow-art{padding:25px 22px 0}.pe-flow-statement{font-size:31px;margin-top:20px}.pe-flow-window{height:171px;left:22px;bottom:-10px;right:-24px}.pe-flow-board{padding:11px}.pe-flow-board-title>strong{font-size:12px}.pe-flow-workspace>aside{width:29px;flex-basis:29px}.pe-task{padding:7px 5px}.pe-task>strong{font-size:8px;min-height:23px}.pe-task>small{font-size:6px}.pe-task>span{font-size:6px}.pe-flow-columns p{font-size:7px}.pe-flow-columns{gap:5px}.pe-journal-layout{gap:28px;grid-template-columns:1fr 1fr}.pe-journal-side{padding-left:27px}.pe-side-story>a{grid-template-columns:100px minmax(0,1fr);gap:17px}.pe-side-copy h3{font-size:18px}.pe-side-copy>p:not(.pe-story-meta){font-size:11px}.pe-side-photo{min-height:145px;max-height:175px}.pe-feature-copy h3{font-size:27px}}
@media(max-width:760px){.pe-portfolio,.pe-journal{padding:62px 0}.pe-section-head{gap:24px;align-items:flex-start;flex-direction:column;margin-bottom:31px}.pe-section-head h2{font-size:42px}.pe-eyebrow{font-size:9px;margin-bottom:14px}.pe-head-aside{max-width:490px;padding:0}.pe-head-aside>p{font-size:13px;margin-bottom:14px}.pe-text-link{font-size:11px;min-height:36px;gap:24px}.pe-project-media{height:320px}.pe-project-grid{gap:32px 18px}.pe-project-caption{gap:10px;padding-top:17px}.pe-project-caption h3{font-size:22px}.pe-project-caption h3>span{font-size:11px}.pe-project-tags{font-size:9px;gap:8px}.pe-project-tags>span+span{padding-left:8px}.pe-project-number{display:none}.pe-project-arrow{width:36px;height:36px;flex-basis:36px;font-size:20px}.pe-art-top{left:19px;right:19px;top:20px}.pe-art-top>span:last-child{display:none}.pe-forma-title{left:20px;bottom:83px}.pe-forma-title>strong{font-size:54px}.pe-forma-title>span{font-size:11px}.pe-art-detail{left:20px;right:20px;font-size:9px;bottom:22px}.pe-art-seal{display:none}.pe-nora-title{left:20px;top:76px}.pe-nora-title>strong{font-size:43px}.pe-nora-title>span{font-size:10px}.pe-nora-stamp{left:20px;font-size:7px;bottom:22px}.pe-nora>img{object-position:64% center}.pe-move-title{left:20px;top:76px}.pe-move-title>strong{font-size:43px}.pe-move-title>span{font-size:10px}.pe-move-word{left:20px;bottom:18px;font-size:43px}.pe-flow-art{padding:20px}.pe-flow-brand>span:last-child{display:none}.pe-flow-statement{font-size:29px;margin-top:25px}.pe-flow-window{left:19px;right:-78px;height:160px;bottom:-3px}.pe-flow-toolbar{font-size:7px;height:25px}.pe-flow-workspace>aside{display:none}.pe-flow-board{padding:12px 14px}.pe-flow-columns>div:nth-child(3){display:none}.pe-flow-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pe-flow-board-title{margin-bottom:10px}.pe-flow-board-title>strong{font-size:13px}.pe-flow-columns p{font-size:8px}.pe-task{padding:8px}.pe-task>span{font-size:7px}.pe-task>strong{font-size:10px;min-height:24px}.pe-task>small{font-size:7px}.pe-portfolio-foot{gap:15px;align-items:flex-start;flex-direction:column;margin-top:27px;padding-top:21px}.pe-portfolio-foot>p{font-size:11px}.pe-journal-layout{grid-template-columns:1fr;gap:34px}.pe-feature-photo{aspect-ratio:1.8}.pe-feature-copy{padding-top:21px}.pe-feature-copy h3{font-size:29px}.pe-journal-side{padding:24px 0 0;border-left:0;border-top:1px solid #30434e}.pe-side-label{margin-bottom:21px}.pe-side-story>a{grid-template-columns:150px minmax(0,1fr);gap:23px}.pe-side-photo{min-height:160px;max-height:185px}.pe-side-copy h3{font-size:21px}.pe-side-copy>p:not(.pe-story-meta){font-size:12px}.pe-side-copy .pe-story-meta{font-size:9px}.pe-side-copy .pe-story-cta{font-size:11px}.pe-journal-more{font-size:14px}}
@media(max-width:540px){.pe-project-grid{grid-template-columns:1fr;gap:29px}.pe-project-forma,.pe-project-move,.pe-project-nora,.pe-project-flow{grid-column:auto}.pe-project-media{height:auto;aspect-ratio:1.08;max-height:420px}.pe-section-head h2{font-size:36px}.pe-project-caption h3{font-size:22px}.pe-project-caption h3>span{font-size:12px}.pe-project-tags{font-size:10px}.pe-project-number{display:block}.pe-project-arrow{width:42px;height:42px;flex-basis:42px}.pe-art-top{left:23px;right:23px;top:22px;font-size:8px}.pe-art-top>span:last-child{display:block;font-size:7px}.pe-forma-title{left:23px;bottom:80px}.pe-forma-title>strong{font-size:69px}.pe-forma-title>span{font-size:12px}.pe-art-detail{left:24px;right:24px;font-size:10px;bottom:22px}.pe-art-seal{display:grid;width:41px;height:41px;font-size:34px}.pe-nora-title{left:23px;top:89px}.pe-nora-title>strong{font-size:52px}.pe-nora-title>span{font-size:11px}.pe-nora-stamp{left:24px;font-size:8px}.pe-nora>img{object-position:66% center}.pe-move-title{left:24px;top:84px}.pe-move-title>strong{font-size:52px}.pe-move-title>span{font-size:11px;margin-top:18px}.pe-move-word{left:24px;bottom:18px;font-size:50px}.pe-flow-art{padding:23px}.pe-flow-brand>span:last-child{display:block;font-size:7px}.pe-flow-statement{font-size:35px;margin-top:23px}.pe-flow-window{left:23px;right:-22px;bottom:-11px;height:178px}.pe-flow-toolbar{height:29px;font-size:8px}.pe-flow-workspace>aside{display:flex}.pe-flow-board{padding:12px 14px}.pe-flow-board-title>strong{font-size:14px}.pe-flow-columns>div:nth-child(3){display:none}.pe-flow-columns{gap:9px}.pe-flow-columns p{font-size:9px}.pe-task>strong{font-size:11px}.pe-task>small{font-size:8px}.pe-task>span{font-size:8px}.pe-story-pill{left:14px;top:14px;font-size:8px;padding:6px 9px}.pe-feature-photo{aspect-ratio:1.55}.pe-feature-copy h3{font-size:28px}.pe-feature-copy>p:not(.pe-story-meta){font-size:13px}.pe-story-meta{font-size:8px}.pe-side-story>a{grid-template-columns:110px minmax(0,1fr);gap:17px}.pe-side-photo{min-height:154px;max-height:182px}.pe-side-copy h3{font-size:18px}.pe-side-copy>p:not(.pe-story-meta){font-size:11px;line-height:1.65}.pe-side-copy .pe-story-meta{font-size:7px;letter-spacing:.05em}.pe-side-copy .pe-story-cta{font-size:10px;gap:14px}.pe-journal-more{font-size:12px;gap:15px}}
@media(max-width:360px){.pe-section-head h2{font-size:32px}.pe-project-media{aspect-ratio:.98}.pe-project-tags{font-size:9px}.pe-project-caption h3>span{font-size:11px}.pe-art-top>span:last-child{display:none}.pe-forma-title>strong{font-size:58px}.pe-nora-title>strong{font-size:46px}.pe-nora-title{top:82px}.pe-move-title>strong{font-size:47px}.pe-move-word{font-size:43px}.pe-flow-window{height:164px;left:18px;right:-22px}.pe-flow-statement{font-size:30px;margin-top:23px}.pe-flow-board{padding:10px}.pe-flow-brand>span:last-child{font-size:6px}.pe-flow-columns p{font-size:8px}.pe-task{padding:7px}.pe-task>strong{font-size:10px}.pe-task>small{font-size:7px}.pe-task>span{font-size:7px}.pe-feature-copy h3{font-size:25px}.pe-side-story>a{grid-template-columns:1fr;gap:16px}.pe-side-photo{aspect-ratio:1.8;min-height:0;max-height:none}.pe-side-copy h3{font-size:21px}.pe-side-copy .pe-story-meta{font-size:8px}.pe-side-copy>p:not(.pe-story-meta){font-size:12px}.pe-side-copy .pe-story-cta{font-size:11px}}
@media(hover:none){.pe-open-project{display:none}}
@media(prefers-reduced-motion:reduce){.pe-scene>img,.pe-feature-photo>img,.pe-side-photo>img,.pe-flow-window,.pe-open-project,.pe-story-image-arrow{transition:none;transform:none!important}.pe-project-arrow,.pe-journal-more>span:last-child{transition:none}}

/* ADF source: premium-services.css */
/* ADF service studio: independently composed, responsive live interfaces. */
.ps-services { background:#0d1c22; color:#ecf3ef; padding:105px 0 110px; border-block:1px solid #20333a; overflow:hidden; }
.ps-services *, .ps-services *::before, .ps-services *::after { box-sizing:border-box; }
.ps-services [hidden] { display:none!important; }
.ps-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:38px; margin-bottom:42px; }
.ps-section-heading .eyebrow { color:#78c7b4; font-size:11px; letter-spacing:.16em; margin:0 0 20px; }
.ps-section-heading h2 { font-size:clamp(32px,3.5vw,49px); font-weight:500; line-height:1.13; letter-spacing:-.052em; margin:0; }
.ps-section-heading h2 em { font-style:normal; color:#80a59f; }
.ps-section-heading > p { color:#a0b6bb; font-size:14px; line-height:1.85; margin:0 0 3px; }
.ps-services .ps-service-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; width:100%; max-width:none; margin:0 0 42px; padding:0; border:1px solid #2b4249; border-radius:14px; background:#0a171d; overflow:hidden; }
.ps-services .ps-service-tabs button { position:relative; display:flex; align-items:center; gap:14px; min-width:0; min-height:91px; margin:0; padding:20px 23px; border:0; border-right:1px solid #2b4249; border-radius:0; background:transparent; color:#d2dfe1; text-align:left; font-family:inherit; cursor:pointer; transition:background .2s,color .2s; }
.ps-services .ps-service-tabs button:last-child { border-right:0; }
.ps-services .ps-service-tabs button[aria-selected=true] { background:#193b36; color:#aaf0d7; box-shadow:inset 0 -3px #55dcb6; }
.ps-services .ps-service-tabs button:hover { background:#18302f; color:#bdf4e5; }
.ps-service-tabs .ps-tab-number { color:#789497; font-size:10px; letter-spacing:.06em; position:absolute; top:10px; left:23px; }
.ps-service-tabs button > svg { flex-shrink:0; margin-top:8px; }
.ps-service-tabs strong { font-size:14px; font-weight:600; letter-spacing:-.02em; margin-top:8px; white-space:normal; line-height:1.5; }
.ps-service-tabs .ps-tab-arrow { font-size:20px; margin-left:auto; color:#6d918d; }
.ps-service-tabs button[aria-selected=true] .ps-tab-arrow { color:#79dfbd; }
.ps-panel { display:grid; grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr); gap:65px; align-items:center; outline:none; }
.ps-service-copy { padding:10px 0; min-width:0; }
.ps-kicker { display:flex; align-items:center; gap:9px; color:#8fcabf; font-size:11px; letter-spacing:.12em; text-transform:uppercase; margin:0 0 23px; }
.ps-kicker > span { color:#637f84; margin-left:auto; letter-spacing:.05em; }
.ps-service-copy h3 { font-size:clamp(30px,2.65vw,39px); font-weight:500; line-height:1.2; letter-spacing:-.045em; margin:0 0 20px; color:#f1f5f0; }
.ps-service-copy h3 em { font-style:normal; color:#78cbb4; }
.ps-service-description { color:#a2b7bd; font-size:14px; line-height:1.85; margin:0; max-width:420px; }
.ps-deliverables { list-style:none; margin:27px 0; padding:0; border-top:1px solid #294048; }
.ps-deliverables li { display:flex; gap:16px; padding:15px 0; border-bottom:1px solid #243940; }
.ps-deliverables li > span { font-size:10px; color:#6b9995; padding-top:4px; }
.ps-deliverables li strong { display:block; color:#d6e5e3; font-size:13px; font-weight:600; margin-bottom:4px; }
.ps-deliverables li p { color:#95abb3; font-size:12px; line-height:1.6; margin:0; }
.ps-service-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.ps-primary { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; min-height:48px; padding:13px 20px; background:#55dcb6; border:1px solid #55dcb6; border-radius:8px; color:#092d24; text-decoration:none; font-size:12px; font-weight:600; transition:background .2s,transform .2s; }
.ps-primary:hover { background:#88edcc; color:#092d24; transform:translateY(-2px); }
.ps-primary > span { font-size:19px; }
.ps-secondary { display:inline-flex; align-items:center; gap:15px; min-height:44px; padding:5px 0; color:#b1c7cb; font-size:12px; text-decoration:none; border-bottom:1px solid #486169; }
.ps-secondary:hover { color:#7ce5c4; }
.ps-scope-note { margin:15px 0 0; color:#8fa8af; font-size:11px; line-height:1.65; }
.ps-services button:focus-visible,.ps-services a:focus-visible,.ps-panel:focus-visible { outline:2px solid #a8eada; outline-offset:4px; }
.ps-stage { min-width:0; border:1px solid #2c454c; border-radius:17px; overflow:hidden; background:#10262b; box-shadow:0 25px 60px #020b1233; }
.ps-stage-label { display:flex; align-items:center; gap:9px; min-height:50px; padding:17px 22px; border-bottom:1px solid #ffffff12; color:#b5c8c9; font-size:9px; line-height:1.5; letter-spacing:.14em; }
.ps-stage-label > span:last-child { margin-left:auto; color:#6d9193; font-size:12px; }
.ps-live-dot { width:5px; height:5px; border-radius:100%; background:#70d8b3; flex-shrink:0; box-shadow:0 0 0 4px #65c9a412; }
.ps-stage-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:56px; padding:17px 21px; border-top:1px solid #ffffff15; background:#0c1b22; color:#819fa8; font-size:10px; line-height:1.55; }
.ps-stage-footer a { display:inline-flex; align-items:center; gap:13px; min-height:32px; color:#b3e1d5; text-decoration:none; white-space:nowrap; font-weight:600; }
.ps-stage-footer a:hover { color:#71e0bd; }
.ps-stage-footer a span { font-size:17px; }
/* Web: a deliberately layered desktop and mobile composition. */
.ps-web-canvas { position:relative; height:434px; padding:29px 66px 62px 25px; background:radial-gradient(ellipse at 80% 25%,#294d43 0,transparent 58%),linear-gradient(130deg,#172a30,#183c34); }
.ps-browser { position:relative; width:100%; border:1px solid #cbd2c1; border-radius:9px; overflow:hidden; background:#f5f2e8; box-shadow:0 22px 32px #00110b50; transform:perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.ps-browser-bar { height:27px; display:flex; align-items:center; justify-content:space-between; padding:6px 12px; background:#ecefe7; color:#688075; border-bottom:1px solid #d9dfd2; font-size:8px; }
.ps-window-dots { display:flex; gap:4px; }
.ps-window-dots i { display:block; width:4px; height:4px; border-radius:50%; background:#a0b0a8; }
.ps-forma-nav { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; color:#243a30; }
.ps-forma-nav b { font-size:15px; letter-spacing:.06em; }
.ps-forma-nav b span { font-size:7px; vertical-align:super; margin-left:2px; }
.ps-forma-nav > span { font-size:8px; color:#758278; }
.ps-forma-hero { display:grid; grid-template-columns:44% 56%; min-height:185px; }
.ps-forma-hero > div { display:flex; flex-direction:column; justify-content:center; padding:16px 10px 19px 18px; min-width:0; }
.ps-forma-hero small { font-size:7px; letter-spacing:.08em; color:#6b7c6e; }
.ps-forma-hero strong { display:block; font-family:Georgia,serif; font-size:clamp(25px,2.5vw,35px); font-weight:400; line-height:1.04; letter-spacing:-.06em; color:#22352a; margin:13px 0 20px; }
.ps-forma-line { display:flex; gap:10px; color:#435e45; font-size:8px; }
.ps-forma-line i { font-style:normal; }
.ps-forma-hero > img { display:block; width:100%; height:100%; min-height:185px; object-fit:cover; object-position:57% 48%; }
.ps-forma-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:14px 18px 15px; }
.ps-forma-gallery > div { min-width:0; }
.ps-forma-gallery img { width:100%; height:45px; display:block; object-fit:cover; }
.ps-forma-gallery span { display:block; padding-top:5px; font-size:7px; color:#5f7063; }
.ps-mobile-preview { position:absolute; width:126px; right:22px; bottom:34px; border:5px solid #252b2b; border-radius:22px; background:#f5f2e8; overflow:hidden; box-shadow:0 15px 26px #03131180; transform:rotate(5deg); color:#23352b; }
.ps-mobile-camera { position:absolute; top:4px; left:39%; width:22%; height:5px; background:#252b2b; border-radius:20px; }
.ps-mobile-nav { display:flex; justify-content:space-between; padding:21px 10px 12px; font-size:8px; font-weight:700; }
.ps-mobile-nav span { font-size:7px; }
.ps-mobile-preview > strong { display:block; font-family:Georgia,serif; font-size:21px; line-height:1.08; font-weight:400; letter-spacing:-.055em; margin:0 10px 14px; }
.ps-mobile-preview img { display:block; width:100%; height:103px; object-fit:cover; object-position:63%; }
.ps-mobile-bottom { display:flex; justify-content:space-between; padding:13px 10px 17px; font-size:6px; }
.ps-web-stamp { display:flex; align-items:center; gap:9px; position:absolute; left:29px; bottom:20px; color:#b2d2c6; font-size:10px; line-height:1.5; }
.ps-web-stamp > span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; border:1px solid #6f9f8b77; font-size:15px; }
.ps-web-stamp b { font-weight:500; color:#e0efdc; }
/* Software: readable interface with actual board/list views. */
.ps-software-stage { background:#131f31; border-color:#354453; }
.ps-software-stage .ps-live-dot { background:#b3a7ee; box-shadow:0 0 0 4px #a39ad012; }
.ps-app-frame { display:grid; grid-template-columns:50px minmax(0,1fr); min-height:434px; padding:19px; gap:0; background:radial-gradient(ellipse at 85% 20%,#33406855,transparent 67%); }
.ps-app-rail { display:flex; align-items:center; flex-direction:column; gap:17px; padding:19px 0; background:#162334; border:1px solid #3b4b5d; border-right:0; border-radius:10px 0 0 10px; color:#93a4bb; }
.ps-app-rail b { font-size:21px; font-weight:700; color:#bcb2f1; margin-bottom:10px; }
.ps-app-rail > span { display:grid; place-items:center; width:30px; height:30px; font-size:18px; border-radius:6px; }
.ps-app-rail .is-current { color:#d1c7fd; background:#393759; }
.ps-app-rail i { display:grid; place-items:center; margin-top:auto; width:27px; height:27px; border-radius:50%; background:#395064; color:#bfced8; font-size:9px; font-style:normal; }
.ps-app-main { min-width:0; padding:19px 21px 20px; background:#ecf0f5; border:1px solid #c1ccd7; border-radius:0 10px 10px 0; color:#24364c; box-shadow:0 15px 35px #06101d40; }
.ps-app-top { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:8px; color:#647487; }
.ps-app-top i { font-style:normal; color:#a4b0bd; margin:0 5px; }
.ps-app-top b { background:#dde4ec; color:#66778a; border-radius:4px; font-size:7px; font-weight:500; padding:4px 7px; }
.ps-app-title { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:28px 0 22px; }
.ps-app-title small { font-size:7px; letter-spacing:.1em; color:#8591a0; }
.ps-app-title strong { display:block; font-size:24px; line-height:1.15; font-weight:600; letter-spacing:-.055em; margin-top:5px; }
.ps-app-title strong span { display:block; font-size:9px; letter-spacing:0; font-weight:400; color:#7d8e9f; margin-top:7px; }
.ps-app-emblem { display:grid; place-items:center; width:35px; height:35px; flex-shrink:0; color:#8d7bac; background:#e5dfed; border-radius:10px; font-size:22px; }
.ps-app-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.ps-app-tools > span { font-size:8px; color:#7e8c9e; }
.ps-view-switch { display:flex; background:#dfe6ee; border:1px solid #d2dbe5; border-radius:6px; padding:3px; }
.ps-view-switch button { display:flex; align-items:center; justify-content:center; gap:5px; min-height:35px; padding:7px 12px; border:0; border-radius:4px; background:transparent; color:#62768c; font-family:inherit; font-size:12px; cursor:pointer; }
.ps-view-switch button span { font-size:9px; }
.ps-view-switch button[aria-pressed=true] { background:#fff; color:#344f65; box-shadow:0 2px 4px #23425a10; }
.ps-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; min-height:135px; }
.ps-board-column { min-width:0; }
.ps-board-caption { display:flex; align-items:center; gap:5px; font-size:8px; line-height:1.45; color:#647287; margin:0 0 10px; }
.ps-board-caption small { margin-left:auto; font-size:7px; padding:1px 4px; background:#dce4ec; border-radius:3px; }
.ps-task-dot { display:inline-block; flex-shrink:0; width:5px; height:5px; border-radius:50%; background:#c6a46b; }
.ps-task-dot.ps-task-planned { background:#aa9ac9; }
.ps-task-dot.ps-task-done { background:#74ad96; }
.ps-task { padding:11px 9px; border:1px solid #d9e1e9; background:#fff; border-radius:6px; box-shadow:0 2px 4px #122e4505; }
.ps-task-tag { display:inline-block; padding:3px 5px; border-radius:3px; color:#9c7848; background:#f3ecdb; font-size:7px; }
.ps-task-tag.ps-task-planned { color:#7d67a0; background:#eee7f4; }
.ps-task-tag.ps-task-done { color:#4f806e; background:#e0efe7; }
.ps-task strong { display:block; min-height:32px; font-weight:600; font-size:10px; line-height:1.4; margin:10px 0; }
.ps-task > div { display:flex; align-items:center; justify-content:space-between; gap:5px; font-size:6px; color:#8693a3; }
.ps-task-avatar { display:grid; place-items:center; width:17px; height:17px; border-radius:50%; background:#e2e8ef; color:#6b7d93; font-size:6px; }
.ps-board-line { display:block; width:100%; height:4px; border-radius:4px; background:#dce4ed; margin:9px 0; }
.ps-list { min-height:135px; border:1px solid #d5dfe8; border-radius:6px; overflow:hidden; }
.ps-list-heading { display:flex; justify-content:space-between; background:#e2e9f0; padding:9px 12px; font-size:8px; color:#758396; }
.ps-list-row { display:flex; align-items:center; gap:8px; min-height:34px; background:#fff; padding:9px 12px; border-top:1px solid #e2e8ef; font-size:9px; }
.ps-list-row strong { font-size:10px; font-weight:500; }
.ps-list-row > span:last-child { margin-left:auto; font-size:8px; color:#7c8d9e; }
.ps-app-note { display:flex; align-items:center; gap:10px; padding:14px 0 0; margin-top:10px; border-top:1px solid #d7e1ea; }
.ps-note-symbol { display:grid; place-items:center; width:25px; height:25px; flex-shrink:0; background:#e0ddeb; color:#927daa; border-radius:7px; }
.ps-app-note strong { display:block; font-size:10px; font-weight:600; margin:0 0 4px; }
.ps-app-note div > span { display:block; font-size:8px; line-height:1.5; color:#7a8b9d; }
/* Campaign: a photographic creative with two usable alternatives. */
.ps-ads-stage { background:#192d2b; }
.ps-ads-composition { display:grid; grid-template-columns:38% minmax(0,1fr); gap:20px; min-height:434px; padding:24px; background:radial-gradient(ellipse at 0 100%,#28534488,transparent 60%); }
.ps-creative-notes { display:flex; flex-direction:column; min-width:0; }
.ps-micro-title { color:#c1ddca; font-size:13px; font-weight:500; letter-spacing:-.015em; line-height:1.45; margin:6px 0 25px; }
.ps-creative-path > div { display:flex; align-items:center; gap:10px; }
.ps-creative-path > div > span { display:grid; place-items:center; width:26px; height:26px; border:1px solid #52766b; color:#99cdb5; border-radius:50%; font-size:8px; flex-shrink:0; }
.ps-creative-path strong { font-weight:500; font-size:10px; color:#aec9bc; }
.ps-creative-path i { display:block; width:1px; height:15px; background:#52766b; margin-left:13px; }
.ps-creative-selector { display:flex; gap:8px; margin-top:auto; padding-top:28px; }
.ps-creative-selector button { flex:1; min-width:0; min-height:73px; padding:0; overflow:hidden; background:#152925; color:#a9bfb6; border:1px solid #59776b; border-radius:6px; font-family:inherit; text-align:left; cursor:pointer; transition:border-color .15s,transform .15s; }
.ps-creative-selector button[aria-pressed=true] { border:2px solid #7ddbae; color:#e2f5e6; }
.ps-creative-selector button:hover { border-color:#b9efd2; transform:translateY(-2px); }
.ps-creative-selector img { display:block; width:100%; height:49px; object-fit:cover; object-position:65%; }
.ps-creative-selector button > span { display:flex; gap:5px; padding:6px; font-size:7px; }
.ps-creative-selector b { font-size:7px; font-weight:500; }
.ps-creative-notes > small { color:#719184; font-size:8px; margin-top:9px; }
.ps-ad-poster { position:relative; min-width:0; min-height:383px; isolation:isolate; overflow:hidden; border-radius:7px; border:1px solid #7d9b8666; background:#10251f; box-shadow:0 20px 35px #00000055; }
.ps-ad-photo { position:absolute; inset:0; z-index:-2; }
.ps-ad-photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:62% 50%; }
.ps-ad-photo[data-ps-ad-photo=daily] img { object-position:51% 50%; }
.ps-ad-poster::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#051e1980,transparent 30%,#05191155 52%,#051c18ec 100%); pointer-events:none; }
.ps-ad-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 18px; color:#fff; }
.ps-ad-top b { font-size:19px; letter-spacing:-.04em; font-weight:600; }
.ps-ad-top b span { font-size:7px; vertical-align:super; margin-left:2px; }
.ps-ad-top > span { font-size:6px; letter-spacing:.1em; }
.ps-ad-copy { position:absolute; left:20px; right:15px; bottom:24px; }
.ps-ad-copy > span:first-child { display:block; font-size:7px; color:#bde1c8; letter-spacing:.13em; }
.ps-ad-copy > strong { display:block; font-size:clamp(29px,3.3vw,44px); font-weight:500; line-height:1.02; letter-spacing:-.065em; color:#f5f7ed; margin:9px 0 16px; }
.ps-ad-cta { display:inline-block; font-size:8px; color:#244735; background:#e7f1db; border-radius:30px; padding:8px 13px; }
/* SEO: meaningful modes, diagram-like content rather than pretend metrics. */
.ps-seo-stage { background:#13272c; }
.ps-seo-workspace { min-height:434px; padding:25px; background:radial-gradient(ellipse at 100% 5%,#31524766,transparent 62%); }
.ps-seo-search { display:flex; align-items:center; gap:12px; min-height:48px; background:#f0f4ee; border:1px solid #e5eee0; border-radius:9px; color:#5b7870; padding:12px 16px; font-size:12px; }
.ps-search-arrow { margin-left:auto; color:#3a6d5b; font-size:18px; }
.ps-seo-switch { display:flex; gap:7px; margin:18px 0 17px; }
.ps-seo-switch button { flex:1; min-height:39px; padding:9px 7px; border:1px solid #3c585b; background:#112b2e; color:#a1bdba; font-family:inherit; font-size:10px; font-weight:500; border-radius:5px; cursor:pointer; }
.ps-seo-switch button[aria-pressed=true] { background:#d2e8db; border-color:#d2e8db; color:#284f42; }
.ps-seo-switch button:hover { border-color:#9ac9b8; }
.ps-code-window { background:#0b191f; border:1px solid #304649; border-radius:7px; overflow:hidden; }
.ps-code-window > div { display:flex; align-items:center; gap:15px; min-height:29px; padding:9px 13px; border-bottom:1px solid #2b3d44; font-size:8px; color:#6f9092; }
.ps-code-window pre { margin:0; padding:15px 14px; overflow:hidden; white-space:pre; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:9px; line-height:2; color:#8fa6b8; }
.ps-code-window pre span { color:#42616a; margin-right:10px; }
.ps-code-window pre i { font-style:normal; color:#b1a3d7; }
.ps-code-window pre b { color:#b2dabc; font-weight:400; }
.ps-seo-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:17px; }
.ps-seo-checks > span { display:flex; align-items:center; gap:7px; border:1px solid #355153; border-radius:4px; padding:10px 8px; color:#a5bfba; font-size:8px; }
.ps-seo-checks i { font-style:normal; font-size:7px; color:#6b9f93; }
.ps-seo-note { font-size:8px; line-height:1.65; color:#789992; margin:13px 0 0; }
.ps-content-example,.ps-local-example { display:grid; grid-template-columns:43% minmax(0,1fr); min-height:187px; border:1px solid #52655c; border-radius:7px; overflow:hidden; background:#eef0e6; }
.ps-content-example > img,.ps-local-example > img { display:block; width:100%; height:100%; min-height:187px; object-fit:cover; }
.ps-content-example > div,.ps-local-example > div { padding:18px 15px; }
.ps-content-example div > span,.ps-local-example div > span:not(.ps-local-pin) { color:#758873; font-size:6px; letter-spacing:.06em; }
.ps-content-example strong,.ps-local-example strong { display:block; font-family:Georgia,serif; font-size:23px; font-weight:400; line-height:1.12; letter-spacing:-.03em; color:#304e37; margin:10px 0; }
.ps-content-example p,.ps-local-example p { font-size:9px; line-height:1.65; color:#74836e; margin:0; }
.ps-local-pin { display:inline-grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#d6e4cc; color:#6b8660; font-size:16px; margin-bottom:5px; }
.ps-local-example strong { margin:8px 0; font-size:21px; }
/* Tablet and mobile retain useful details and generous controls. */
@media(max-width:1150px){
 .ps-panel{gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .ps-services .ps-service-tabs button{gap:10px;padding-inline:17px;min-height:86px}
 .ps-service-tabs .ps-tab-number{left:17px}.ps-service-tabs strong{font-size:12px}
 .ps-service-copy h3{font-size:31px}.ps-service-description{font-size:13px}
 .ps-web-canvas{padding-right:54px;padding-left:18px;height:420px}
 .ps-forma-nav{padding:14px}.ps-forma-hero>div{padding-left:14px}.ps-forma-hero strong{font-size:26px}.ps-forma-hero small{font-size:6px}
 .ps-mobile-preview{right:14px;width:118px}.ps-web-stamp{left:22px}
 .ps-app-frame{padding:15px;grid-template-columns:39px minmax(0,1fr);min-height:420px}
 .ps-app-main{padding:17px 13px}.ps-app-tools>span{display:none}.ps-board{gap:6px}.ps-task{padding:9px 7px}.ps-task strong{font-size:9px}.ps-board-caption{font-size:7px;gap:3px}
 .ps-app-title strong{font-size:23px}.ps-app-title{margin-block:24px 20px}
 .ps-ads-composition{gap:16px;padding:20px;min-height:420px}.ps-ad-poster{min-height:377px}.ps-ad-copy{left:16px;bottom:22px}.ps-ad-copy>strong{font-size:36px}
 .ps-micro-title{font-size:11px}.ps-creative-path strong{font-size:9px}.ps-ad-top>span{display:none}
 .ps-stage-label{padding-inline:18px;font-size:8px}.ps-stage-footer{padding-inline:17px;font-size:9px}.ps-stage-footer a{gap:8px}
 .ps-seo-workspace{padding:20px;min-height:420px}.ps-code-window pre{font-size:8px;padding:15px 10px}.ps-code-window pre span{margin-right:7px}.ps-seo-checks>span{font-size:7px;gap:5px;padding:10px 6px}
 .ps-content-example strong{font-size:21px}.ps-content-example>div,.ps-local-example>div{padding:16px 11px}.ps-content-example p,.ps-local-example p{font-size:8px}
}
@media(max-width:900px){
 .ps-services{padding:78px 0}.ps-section-heading{align-items:flex-start;gap:25px}.ps-section-heading>p{max-width:235px;font-size:12px}.ps-section-heading>p br{display:none}
 .ps-services .ps-service-tabs{margin-bottom:30px}.ps-services .ps-service-tabs button{padding:20px 15px;gap:9px;min-height:79px}.ps-service-tabs .ps-tab-number{left:15px;font-size:8px}.ps-service-tabs button>svg{width:20px;height:20px}.ps-service-tabs strong{font-size:11px}.ps-service-tabs .ps-tab-arrow{display:none}
 .ps-panel{grid-template-columns:1fr;gap:30px}.ps-service-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);column-gap:35px;align-items:start;padding:0}.ps-kicker{grid-column:1;max-width:340px}.ps-service-copy h3{grid-column:1;font-size:34px;margin-bottom:15px}.ps-service-description{grid-column:1;max-width:460px}.ps-deliverables{grid-column:2;grid-row:1/span 3;margin:0}.ps-deliverables li{padding:14px 0}.ps-service-actions{grid-column:1/-1;margin-top:23px}.ps-scope-note{grid-column:1/-1}
 .ps-stage{width:100%;max-width:690px;margin:0 auto}.ps-stage-label{font-size:9px}.ps-stage-footer{font-size:10px}
 .ps-web-canvas{height:460px;padding:30px 85px 65px 36px}.ps-forma-hero{min-height:205px}.ps-forma-hero>img{min-height:205px}.ps-forma-hero strong{font-size:35px}.ps-forma-hero>div{padding-left:22px}.ps-forma-nav{padding:16px 22px}.ps-forma-nav b{font-size:17px}.ps-forma-nav>span{font-size:9px}.ps-forma-hero small{font-size:8px}.ps-forma-line{font-size:9px}.ps-forma-gallery{padding:15px 22px}.ps-forma-gallery img{height:48px}.ps-forma-gallery span{font-size:8px}.ps-mobile-preview{width:142px;right:28px;bottom:27px}.ps-mobile-preview>strong{font-size:24px}.ps-mobile-preview img{height:123px}.ps-mobile-nav{font-size:9px;padding:22px 12px 14px}.ps-mobile-bottom{font-size:7px;padding:14px 11px 19px}.ps-web-stamp{left:40px;bottom:17px}
 .ps-app-frame{min-height:445px;padding:23px;grid-template-columns:54px minmax(0,1fr)}.ps-app-main{padding:22px}.ps-app-top{font-size:10px}.ps-app-title strong{font-size:28px}.ps-app-title small{font-size:8px}.ps-app-tools>span{display:block;font-size:9px}.ps-board{gap:12px}.ps-task{padding:13px 11px}.ps-task strong{font-size:12px;min-height:37px}.ps-task-tag{font-size:8px}.ps-board-caption{font-size:10px;gap:7px}.ps-board-caption small{font-size:8px}.ps-task>div{font-size:8px}.ps-task-avatar{width:22px;height:22px;font-size:7px}.ps-app-note strong{font-size:11px}.ps-app-note div>span{font-size:9px}.ps-list-row{min-height:44px;font-size:12px}.ps-list-row strong{font-size:12px}.ps-list-row>span:last-child{font-size:10px}.ps-list-heading{font-size:10px}.ps-view-switch button{min-height:44px;padding:9px 16px}.ps-view-switch button span{font-size:11px}
 .ps-ads-composition{min-height:445px;padding:26px;gap:25px;grid-template-columns:36% minmax(0,1fr)}.ps-ad-poster{min-height:393px}.ps-ad-copy>strong{font-size:46px}.ps-ad-top{padding:21px}.ps-ad-top>span{display:inline;font-size:7px}.ps-ad-top b{font-size:22px}.ps-ad-copy{left:23px;bottom:26px}.ps-ad-copy>span:first-child{font-size:8px}.ps-ad-cta{font-size:10px;padding:9px 15px}.ps-micro-title{font-size:15px}.ps-creative-path strong{font-size:12px}.ps-creative-path>div>span{width:31px;height:31px;font-size:9px}.ps-creative-path i{margin-left:15px;height:18px}.ps-creative-selector img{height:65px}.ps-creative-selector button>span,.ps-creative-selector b{font-size:9px}.ps-creative-notes>small{font-size:10px}
 .ps-seo-workspace{min-height:445px;padding:25px}.ps-seo-search{font-size:14px}.ps-seo-switch button{min-height:44px;font-size:12px}.ps-code-window pre{font-size:11px;line-height:1.9;padding:16px 20px}.ps-code-window>div{font-size:10px}.ps-seo-checks>span{font-size:10px;padding:12px}.ps-seo-checks i{font-size:8px}.ps-seo-note{font-size:10px}.ps-content-example,.ps-local-example{min-height:210px}.ps-content-example>img,.ps-local-example>img{min-height:210px}.ps-content-example>div,.ps-local-example>div{padding:24px 21px}.ps-content-example strong,.ps-local-example strong{font-size:29px}.ps-content-example div>span,.ps-local-example div>span:not(.ps-local-pin){font-size:8px}.ps-content-example p,.ps-local-example p{font-size:11px}
}
@media(max-width:600px){
 .ps-services{padding:64px 0}.ps-section-heading{display:block;margin-bottom:28px}.ps-section-heading .eyebrow{font-size:9px;margin-bottom:15px}.ps-section-heading h2{font-size:32px;line-height:1.16}.ps-section-heading>p{max-width:330px;margin-top:18px;font-size:13px}.ps-section-heading>p br{display:none}
 .ps-services .ps-service-tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:10px;margin-bottom:28px}.ps-services .ps-service-tabs button{min-height:77px;padding:22px 14px 15px;gap:10px}.ps-services .ps-service-tabs button:nth-child(2){border-right:0}.ps-services .ps-service-tabs button:nth-child(-n+2){border-bottom:1px solid #2b4249}.ps-service-tabs .ps-tab-number{top:8px;left:15px;font-size:8px}.ps-service-tabs strong{font-size:12px;margin-top:3px}.ps-service-tabs button>svg{width:22px;height:22px;margin-top:3px}.ps-service-tabs .ps-tab-arrow{display:block;font-size:16px}
 .ps-service-copy{display:block}.ps-kicker{font-size:10px;margin-bottom:17px}.ps-service-copy h3{font-size:30px;margin-bottom:16px}.ps-service-description{font-size:14px;line-height:1.8}.ps-deliverables{margin:23px 0}.ps-deliverables li{padding:14px 0}.ps-deliverables li strong{font-size:13px}.ps-deliverables li p{font-size:12px}.ps-service-actions{gap:14px;margin-top:0}.ps-primary{min-height:48px;padding:12px 16px;font-size:12px}.ps-secondary{font-size:11px}.ps-panel{gap:28px}.ps-stage{border-radius:12px}.ps-stage-label{padding:15px 14px;font-size:8px;min-height:45px}.ps-stage-footer{align-items:flex-start;padding:12px 14px;gap:7px;font-size:8px;min-height:58px}.ps-stage-footer>span{max-width:46%;padding-top:6px}.ps-stage-footer a{font-size:9px;gap:6px;min-height:34px}.ps-stage-footer a span{font-size:15px}
 .ps-web-canvas{height:320px;padding:24px 39px 55px 14px}.ps-browser{transform:none;border-radius:6px}.ps-browser-bar{height:22px;font-size:6px;padding:5px 8px}.ps-window-dots{gap:3px}.ps-window-dots i{width:3px;height:3px}.ps-forma-nav{padding:11px 12px}.ps-forma-nav b{font-size:12px}.ps-forma-nav>span{font-size:6px}.ps-forma-hero{grid-template-columns:45% 55%;min-height:136px}.ps-forma-hero>img{min-height:136px}.ps-forma-hero>div{padding:10px 5px 10px 12px}.ps-forma-hero small{font-size:5px;letter-spacing:.02em}.ps-forma-hero strong{font-size:24px;margin:11px 0 17px}.ps-forma-line{font-size:6px;gap:6px}.ps-forma-gallery{padding:11px 12px;gap:6px}.ps-forma-gallery img{height:32px}.ps-forma-gallery span{font-size:6px}.ps-mobile-preview{width:95px;right:10px;bottom:24px;border-width:4px;border-radius:17px;transform:rotate(4deg)}.ps-mobile-camera{height:4px}.ps-mobile-nav{font-size:7px;padding:16px 8px 10px}.ps-mobile-nav span{font-size:6px}.ps-mobile-preview>strong{font-size:17px;margin:0 8px 11px}.ps-mobile-preview img{height:75px}.ps-mobile-bottom{font-size:5px;padding:10px 7px 13px}.ps-web-stamp{left:17px;bottom:13px;font-size:8px;gap:7px}.ps-web-stamp>span{width:23px;height:23px;font-size:12px}
 .ps-app-frame{min-height:360px;padding:12px;grid-template-columns:34px minmax(0,1fr)}.ps-app-rail{gap:13px;padding:15px 0}.ps-app-rail b{font-size:19px;margin-bottom:4px}.ps-app-rail>span{width:24px;height:25px;font-size:15px}.ps-app-rail i{width:23px;height:23px;font-size:7px}.ps-app-main{padding:15px 12px}.ps-app-top{font-size:7px;gap:4px}.ps-app-top b{font-size:6px;padding:3px 5px}.ps-app-top i{margin-inline:3px}.ps-app-title{margin:21px 0 16px}.ps-app-title small{font-size:6px}.ps-app-title strong{font-size:22px}.ps-app-title strong span{font-size:8px}.ps-app-emblem{width:28px;height:28px;font-size:18px}.ps-app-tools{margin-bottom:12px;gap:6px}.ps-app-tools>span{display:none}.ps-view-switch{width:100%}.ps-view-switch button{flex:1;min-height:40px;padding:8px}.ps-view-switch button span{font-size:10px}
 .ps-board{display:flex;flex-direction:column;gap:8px;min-height:0}.ps-board-column{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px}.ps-board-caption{font-size:8px;gap:5px;margin:0;flex-wrap:wrap;line-height:1.5}.ps-board-caption small{display:none}.ps-task{display:flex;align-items:center;gap:7px;padding:9px 8px}.ps-task-tag{display:none}.ps-task strong{font-size:10px;line-height:1.4;min-height:0;margin:0;font-weight:500}.ps-task>div{margin-left:auto}.ps-task>div>span:last-child{display:none}.ps-task-avatar{width:20px;height:20px;font-size:6px;flex-shrink:0}.ps-board-line{display:none}.ps-app-note{margin-top:14px;padding-top:12px;gap:8px}.ps-app-note strong{font-size:9px}.ps-app-note div>span{font-size:7px}.ps-note-symbol{width:23px;height:23px;font-size:13px}.ps-list{min-height:0}.ps-list-row{padding:10px 8px;gap:5px;min-height:38px}.ps-list-row strong{font-size:9px}.ps-list-row>span:last-child{font-size:7px}.ps-list-heading{padding:8px;font-size:8px}
 .ps-ads-composition{min-height:335px;grid-template-columns:32% minmax(0,1fr);gap:13px;padding:15px}.ps-micro-title{font-size:10px;line-height:1.45;margin:5px 0 21px}.ps-creative-path>div{gap:7px}.ps-creative-path>div>span{width:22px;height:22px;font-size:7px}.ps-creative-path strong{font-size:8px;line-height:1.4}.ps-creative-path i{margin-left:11px;height:13px}.ps-creative-selector{gap:5px;padding-top:22px}.ps-creative-selector button{min-height:57px;border-radius:4px}.ps-creative-selector img{height:34px}.ps-creative-selector button>span{display:block;font-size:6px;padding:4px}.ps-creative-selector b{display:block;font-size:6px;margin-top:2px}.ps-creative-notes>small{font-size:7px;margin-top:8px}.ps-ad-poster{min-height:303px}.ps-ad-top{padding:14px 12px}.ps-ad-top b{font-size:17px}.ps-ad-top>span{display:none}.ps-ad-copy{left:13px;right:9px;bottom:18px}.ps-ad-copy>strong{font-size:32px;margin:9px 0 13px}.ps-ad-copy>span:first-child{font-size:6px}.ps-ad-cta{font-size:7px;padding:7px 10px}
 .ps-seo-workspace{min-height:365px;padding:15px}.ps-seo-search{font-size:10px;gap:9px;padding:12px;min-height:44px}.ps-seo-search>svg{width:17px;height:17px}.ps-search-arrow{font-size:16px}.ps-seo-switch{gap:5px;margin:15px 0}.ps-seo-switch button{font-size:10px;min-height:44px;padding:8px 5px}.ps-code-window>div{font-size:8px;min-height:26px;padding:8px 10px}.ps-code-window pre{font-size:8px;line-height:2.1;padding:14px 10px}.ps-code-window pre span{margin-right:7px}.ps-seo-checks{gap:5px;margin-top:14px}.ps-seo-checks>span{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:8px;padding:8px 7px}.ps-seo-checks i{font-size:7px}.ps-seo-note{font-size:8px;margin:12px 0 0}.ps-content-example,.ps-local-example{min-height:184px;grid-template-columns:40% minmax(0,1fr)}.ps-content-example>img,.ps-local-example>img{min-height:184px}.ps-content-example>div,.ps-local-example>div{padding:17px 11px}.ps-content-example strong,.ps-local-example strong{font-size:22px;margin:10px 0}.ps-content-example div>span,.ps-local-example div>span:not(.ps-local-pin){font-size:6px;line-height:1.5}.ps-content-example p,.ps-local-example p{font-size:9px;line-height:1.6}.ps-local-pin{width:22px;height:22px;font-size:15px;margin-bottom:3px}.ps-local-example strong{margin:6px 0;font-size:20px}
}
@media(max-width:360px){
 .ps-section-heading h2{font-size:28px}.ps-service-copy h3{font-size:27px}.ps-service-tabs strong{font-size:10px}.ps-service-tabs button>svg{width:19px;height:19px}.ps-services .ps-service-tabs button{gap:8px;padding-inline:12px}.ps-service-tabs .ps-tab-number{left:12px}.ps-service-tabs .ps-tab-arrow{font-size:14px}.ps-web-canvas{height:290px;padding:20px 30px 49px 12px}.ps-forma-nav>span{display:none}.ps-forma-hero{min-height:119px}.ps-forma-hero>img{min-height:119px}.ps-forma-hero strong{font-size:21px}.ps-forma-hero small{font-size:4px}.ps-mobile-preview{width:81px;right:8px;bottom:20px}.ps-mobile-preview>strong{font-size:15px}.ps-mobile-preview img{height:68px}.ps-forma-gallery img{height:27px}.ps-web-stamp{font-size:7px;bottom:11px}.ps-web-stamp>span{width:20px;height:20px}.ps-stage-footer{font-size:7px;padding-inline:12px}.ps-stage-footer a{font-size:8px}.ps-app-frame{padding:10px;grid-template-columns:28px minmax(0,1fr)}.ps-app-main{padding:14px 9px}.ps-app-top b{display:none}.ps-app-title strong{font-size:20px}.ps-app-title small{font-size:5px}.ps-board-column{grid-template-columns:52px minmax(0,1fr);gap:5px}.ps-board-caption{font-size:7px}.ps-task{padding:8px 6px;gap:4px}.ps-task strong{font-size:9px}.ps-task-avatar{width:17px;height:17px;font-size:5px}.ps-app-note div>span{font-size:7px}.ps-ad-copy>strong{font-size:27px}.ps-ad-copy{left:10px}.ps-ads-composition{padding:12px;gap:10px;grid-template-columns:33% minmax(0,1fr)}.ps-creative-path>div{gap:5px}.ps-creative-path strong{font-size:7px}.ps-creative-path>div>span{width:19px;height:19px;font-size:6px}.ps-creative-path i{margin-left:9px}.ps-micro-title{font-size:9px}.ps-ad-cta{font-size:6px;padding:7px}.ps-seo-workspace{padding:12px}.ps-code-window pre{font-size:7px;line-height:2.3;padding:12px 8px}.ps-code-window pre span{margin-right:5px}.ps-content-example strong,.ps-local-example strong{font-size:19px}.ps-content-example p,.ps-local-example p{font-size:8px}.ps-content-example>div,.ps-local-example>div{padding:14px 9px}.ps-seo-checks>span{font-size:7px;padding:8px 5px}
}
@media(prefers-reduced-motion:reduce){.ps-services *{transition:none!important;animation:none!important}.ps-browser,.ps-mobile-preview{transform:none}.ps-primary:hover,.ps-creative-selector button:hover{transform:none}}
/* All interactive view controls retain comfortable touch targets. */
.ps-services .ps-view-switch button,
.ps-services .ps-seo-switch button,
.ps-services .ps-stage-footer a { min-height:44px; }
/* Readable live interface text; narrow screens reflow instead of shrinking. */
.ps-services .ps-stage-label { font-size:10px; letter-spacing:.09em; }
.ps-services .ps-stage-footer { flex-wrap:wrap; font-size:10px; }
.ps-services .ps-stage-footer > span { max-width:none; flex:1 1 150px; }
.ps-services .ps-stage-footer a { font-size:12px; }
.ps-services .ps-app-top { font-size:10px; flex-wrap:wrap; line-height:1.6; }
.ps-services .ps-app-top b { font-size:10px; }
.ps-services .ps-app-title small,
.ps-services .ps-app-title strong span,
.ps-services .ps-app-tools > span { font-size:10px; }
.ps-services .ps-view-switch button span,
.ps-services .ps-seo-switch button { font-size:12px; }
.ps-services .ps-board-caption { font-size:12px; flex-wrap:wrap; color:#526378; }
.ps-services .ps-board-caption small { font-size:10px; }
.ps-services .ps-task { padding:12px 10px; }
.ps-services .ps-task-tag { font-size:10px; }
.ps-services .ps-task strong { font-size:12px; line-height:1.5; min-height:36px; }
.ps-services .ps-task > div { font-size:10px; line-height:1.5; color:#5a6c80; align-items:flex-start; }
.ps-services .ps-task-avatar { font-size:8px; width:22px; height:22px; }
.ps-services .ps-list-heading { font-size:10px; color:#526378; }
.ps-services .ps-list-row { min-height:44px; gap:9px; }
.ps-services .ps-list-row strong { font-size:12px; line-height:1.5; color:#24364c; }
.ps-services .ps-list-row > span:last-child { font-size:10px; line-height:1.5; color:#526378; }
.ps-services .ps-app-note strong { font-size:12px; line-height:1.5; }
.ps-services .ps-app-note div > span { font-size:10px; line-height:1.65; color:#586b7f; }
.ps-services .ps-creative-selector button > span { font-size:10px; line-height:1.5; }
.ps-services .ps-creative-selector b { font-size:12px; }
.ps-services .ps-creative-notes > small { font-size:10px; color:#a3bfb1; }
.ps-services .ps-creative-path strong { font-size:12px; line-height:1.5; }
.ps-services .ps-micro-title { font-size:13px; }
.ps-services .ps-seo-search { font-size:12px; }
.ps-services .ps-code-window > div { font-size:10px; }
.ps-services .ps-code-window pre { font-size:12px; line-height:1.85; white-space:pre-wrap; overflow-wrap:anywhere; padding:15px 14px; }
.ps-services .ps-code-window pre span { color:#7a9b9f; margin-right:7px; }
.ps-services .ps-seo-checks > span { font-size:10px; line-height:1.5; flex-wrap:wrap; }
.ps-services .ps-seo-checks i { font-size:10px; }
.ps-services .ps-seo-note { font-size:10px; color:#9cb9af; line-height:1.7; }
.ps-services .ps-content-example div > span,
.ps-services .ps-local-example div > span:not(.ps-local-pin) { font-size:10px; line-height:1.5; }
.ps-services .ps-content-example p,
.ps-services .ps-local-example p { font-size:12px; color:#536650; line-height:1.7; }
@media(max-width:600px){
 .ps-services .ps-web-stamp { display:none; }
 .ps-services .ps-stage-footer { gap:4px; }
 .ps-services .ps-stage-footer > span { flex-basis:100%; padding-top:0; }
 .ps-services .ps-app-frame { padding:12px; grid-template-columns:31px minmax(0,1fr); }
 .ps-services .ps-app-main { padding:16px 11px; }
 .ps-services .ps-app-top > b { display:none; }
 .ps-services .ps-board { gap:13px; }
 .ps-services .ps-board-column { display:block; }
 .ps-services .ps-board-caption { gap:6px; margin:0 0 6px; }
 .ps-services .ps-task { padding:10px; }
 .ps-services .ps-task strong { min-height:0; margin:0; }
 .ps-services .ps-task > div { align-items:center; }
 .ps-services .ps-list-row { padding:10px 9px; flex-wrap:wrap; gap:5px 7px; }
 .ps-services .ps-list-row strong { flex:1 1 calc(100% - 20px); }
 .ps-services .ps-list-row > span:last-child { margin-left:12px; }
 .ps-services .ps-app-note { align-items:flex-start; }
 .ps-services .ps-ads-composition { grid-template-columns:35% minmax(0,1fr); min-height:380px; }
 .ps-services .ps-creative-selector { flex-direction:column; gap:10px; padding-top:20px; }
 .ps-services .ps-creative-selector button { width:100%; }
 .ps-services .ps-creative-selector img { height:43px; }
 .ps-services .ps-creative-selector button > span { display:flex; flex-wrap:wrap; gap:4px; padding:7px; }
 .ps-services .ps-creative-selector b { display:inline; margin:0; }
 .ps-services .ps-creative-path > div { align-items:flex-start; gap:6px; }
 .ps-services .ps-creative-path strong { font-size:12px; }
 .ps-services .ps-creative-path > div > span { width:20px; height:20px; margin-top:1px; }
 .ps-services .ps-micro-title { font-size:12px; }
 .ps-services .ps-ad-poster { min-height:370px; }
 .ps-services .ps-ad-copy > strong { font-size:30px; }
 .ps-services .ps-code-window pre { font-size:12px; padding:13px 10px; }
 .ps-services .ps-code-window pre span { margin-right:4px; }
 .ps-services .ps-content-example,
 .ps-services .ps-local-example { display:block; }
 .ps-services .ps-content-example > img,
 .ps-services .ps-local-example > img { height:140px; min-height:0; }
 .ps-services .ps-content-example > div,
 .ps-services .ps-local-example > div { padding:18px; }
 .ps-services .ps-content-example strong,
 .ps-services .ps-local-example strong { font-size:27px; }
 .ps-services .ps-seo-checks { grid-template-columns:1fr; gap:7px; }
 .ps-services .ps-seo-checks > span { flex-direction:row; align-items:center; gap:10px; padding:10px; }
}
@media(max-width:360px){
 .ps-services .ps-app-frame { grid-template-columns:26px minmax(0,1fr); padding:10px; }
 .ps-services .ps-app-main { padding:14px 9px; }
 .ps-services .ps-app-title small { font-size:10px; line-height:1.5; }
 .ps-services .ps-app-title strong { font-size:20px; }
 .ps-services .ps-ads-composition { grid-template-columns:36% minmax(0,1fr); gap:10px; padding:12px; }
 .ps-services .ps-ad-copy > strong { font-size:25px; }
 .ps-services .ps-ad-copy { left:10px; right:8px; }
 .ps-services .ps-stage-label { font-size:10px; letter-spacing:.04em; }
}

/* ADF source: seo-editorial.css */
/* Editorial additions, preserving the approved studio design. */
.article-cover{display:block;width:min(100%,960px);height:auto;max-height:none;margin-inline:auto;object-fit:contain}
.article-body{min-width:0;overflow-wrap:break-word}
.article-body h2{scroll-margin-top:110px}
.article-body ul,.article-body ol{padding-left:1.4em;margin:20px 0}
.article-body li+li{margin-top:10px}
.article-table-wrap{width:100%;max-width:100%;overflow-x:auto;margin:28px 0;border:1px solid #375354;border-radius:12px}
.article-table-wrap:focus-visible{outline:2px solid #4dd8ad;outline-offset:3px}
.article-body table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.65}
.article-body caption{text-align:left;padding:16px;font-weight:700}
.article-body th,.article-body td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid #375354}
.article-body thead{background:#193b38;color:#eef8f2}
.article-body tbody tr:last-child td{border-bottom:0}
.article-body tbody tr:nth-child(even){background:#13282b}
.article-body td{color:#c6d6d3}
.article-body .article-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.article-tags a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #42605e;border-radius:24px;font-size:12px;color:#cae4d9;text-decoration:none;background:#17302e;line-height:1.5}
.article-tags a:hover,.article-tags a:focus-visible{border-color:#50d7b1;background:#25483e;color:#fff}
.article-meta a{text-decoration:underline;text-underline-offset:4px}
.editorial-note{margin:32px 0 0;padding:22px;border:1px solid #35534f;border-radius:12px;background:#102628}
.editorial-note p{font-size:14px;margin:8px 0 0}
.editorial-note strong{color:#b6dbc8}
.blog-toolbar .filter-group{flex-wrap:wrap}
.blog-toolbar .filter-button{min-height:44px}
.blog-grid.listing .blog-card .cover{aspect-ratio:3/2}
.blog-grid.listing .blog-card h3{font-size:clamp(19px,1.6vw,24px);line-height:1.4}
.blog-grid.listing .blog-card{min-width:0}
.blog-topics{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
.blog-topics a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid #35514e;border-radius:22px;color:#c2d7cf;font-size:12px}
.blog-topics a:hover{border-color:#50d7b1}
@media(max-width:700px){.article-body table{font-size:13px}.article-body th,.article-body td{padding:12px}.article-table-wrap{margin:22px 0}.article-meta{gap:10px}.article-head h1{font-size:clamp(29px,8vw,42px);line-height:1.18}.blog-toolbar{align-items:stretch}.blog-toolbar>div{max-width:100%}.editorial-note{padding:17px}.blog-grid.listing .blog-card h3{font-size:21px}}