/* DIVAN Solutions — bespoke, dependency-free interface */
:root{color-scheme:dark;--bg:#080c0d;--bg2:#0c1112;--panel:#101617;--panel2:#151d1e;--line:#293334;--line2:#202a2b;--fg:#f1f3ee;--mute:#9ba7a2;--sub:#687875;--mint:#bbf1d2;--mint2:#8dd7b5;--sans:Inter,"Helvetica Neue",Arial,system-ui,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ease:cubic-bezier(.22,1,.36,1);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
::selection{background:var(--mint);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.47}img,svg{max-width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-weight:430}h1,h2{letter-spacing:-.065em;line-height:1.06}h3{letter-spacing:-.035em}p{line-height:1.72}small{font-size:.79rem}svg{flex-shrink:0}.container{width:min(1360px,calc(100% - 92px));margin:0 auto}.narrow{max-width:900px}.eyebrow,.mono,.sub-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.17em;font-size:10px;line-height:1.6}.eyebrow{color:var(--mint);display:flex;gap:12px;align-items:center;margin:0 0 24px}.eyebrow:before{content:"";background:var(--mint);width:7px;height:7px;display:inline-block;border-radius:50%;box-shadow:0 0 18px #a6eac4aa}.mute{color:var(--mute)}.dim{color:var(--sub)}.accent{color:var(--mint)}.stroke{color:transparent;-webkit-text-stroke:1px rgba(232,246,237,.6)}.split{display:flex;justify-content:space-between;gap:20px;align-items:center}.center{text-align:center}.max-copy{max-width:650px}.lead{font-size:18px;color:var(--mute);line-height:1.78;font-weight:350}.section{padding:112px 0;position:relative}.section-line{border-top:1px solid var(--line2)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:46px}.section-head h2{font-size:clamp(40px,5vw,72px);margin:0}.section-head p{max-width:440px;color:var(--mute);margin:0}.overline{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--sub)}.btn{border:1px solid var(--line);padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:18px;background:transparent;color:var(--fg);font-size:12px;letter-spacing:.008em;line-height:1.15;transition:background .22s,color .22s,border-color .22s,transform .22s var(--ease);white-space:nowrap;min-height:47px}.btn:hover{background:var(--panel2);border-color:#71837d;transform:translateY(-2px)}.btn svg{width:15px;height:15px}.btn-primary{background:var(--mint);border-color:var(--mint);color:#07100b;font-weight:600}.btn-primary:hover{background:#e1fae9;border-color:#e1fae9;color:#07100b}.btn-text{border:0;border-bottom:1px solid var(--mint);padding:8px 0;min-height:auto}.btn-text:hover{transform:none;border-color:var(--fg)}.btn-small{min-height:37px;padding:9px 14px;font-size:11px}.btn-full{width:100%}.arrow{font-size:18px;line-height:0}.label{display:block;font-family:var(--mono);text-transform:uppercase;letter-spacing:.11em;color:var(--mute);font-size:10px;margin-bottom:12px}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--mint);border:1px solid #365147;padding:7px 11px;display:inline-flex;gap:7px;align-items:center}.tag.ghost{color:var(--mute);border-color:var(--line)}.status-dot{height:6px;width:6px;border-radius:50%;background:#91dfaf;display:inline-block;box-shadow:0 0 12px #91dfaf88}
/* header */
.header{height:91px;border-bottom:1px solid #20292b;position:sticky;top:0;z-index:50;background:rgba(8,12,13,.89);backdrop-filter:blur(20px)}.head-row{height:100%;display:flex;justify-content:space-between;gap:30px;align-items:center}.brand{display:flex;flex-direction:column;align-items:center;width:122px;flex-shrink:0;line-height:1;color:var(--fg)}.brand-big{font-size:22px;font-weight:300;letter-spacing:.045em}.brand-small{font-size:11px;letter-spacing:.38em;padding-left:.35em;margin-top:6px;font-weight:350}.nav{display:flex;align-items:center;gap:31px}.nav a{color:#aeb9b4;font-size:12px;transition:color .2s}.nav a:hover,.nav a.active{color:var(--fg)}.head-actions{display:flex;align-items:center;gap:17px}.lang{display:flex;align-items:center;gap:8px}.lang a{font-family:var(--mono);font-size:10px;color:var(--sub);padding:5px 3px}.lang a.active{color:var(--mint)}.header .btn{padding:12px 15px;min-height:38px;font-size:11px}.mobile-toggle{display:none;background:none;color:var(--fg);border:0;padding:8px}
/* hero */
.hero{min-height:734px;display:flex;align-items:stretch;position:relative;overflow:hidden;border-bottom:1px solid var(--line2)}.hero:before,.internal-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to right,transparent 3%,black 45%,black 83%,transparent);pointer-events:none}.hero:after{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-290px;top:50px;background:radial-gradient(circle,#2b56452b 0%,#12352515 48%,transparent 67%);pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;padding:86px 0}.hero-left{padding:28px 0}.hero h1{font-size:clamp(58px,6.85vw,111px);margin-bottom:30px;font-weight:330;line-height:1.045}.hero-description{font-size:18px;line-height:1.8;max-width:550px;color:#adb9b3;font-weight:350;margin-bottom:34px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.hero-bottom{display:flex;gap:38px;margin-top:78px}.hero-metric{border-left:1px solid var(--line);padding-left:15px}.hero-metric b{font-size:22px;font-weight:350;display:block;letter-spacing:-.05em}.hero-metric span{font-family:var(--mono);color:var(--sub);text-transform:uppercase;font-size:9px;letter-spacing:.06em}.hero-visual{position:relative;min-width:0}.orbit{border:1px solid #2c4339;border-radius:50%;position:absolute;right:-5%;top:-22%;width:430px;height:430px;opacity:.43;pointer-events:none}.orbit:after{content:"";position:absolute;inset:32px;border:1px dashed #47705c;border-radius:50%}.dashboard{background:#0e1616;border:1px solid #34453e;box-shadow:0 60px 130px #0007,0 0 100px #41886116;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);position:relative;z-index:2;transition:transform .5s var(--ease);overflow:hidden}.dashboard:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}.dash-head{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #263631}.dash-head .dots{display:flex;gap:6px}.dash-head .dots i{height:6px;width:6px;background:#5b6c64;border-radius:50%}.dash-head .dots i:first-child{background:#96dcb3}.dash-title{font-family:var(--mono);letter-spacing:.14em;color:#a8c2b2;font-size:10px}.dash-body{padding:28px 26px}.dash-line{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#91a59a;font-size:10px;font-family:var(--mono);letter-spacing:.035em}.dash-number{font-size:51px;font-weight:320;letter-spacing:-.065em;margin:13px 0 4px}.dash-graph{width:100%;height:150px;margin:12px 0}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-cell{background:#122020;border:1px solid #263a34;padding:17px}.dash-cell span{font-family:var(--mono);font-size:9px;color:#86a99b}.dash-cell strong{font-size:27px;font-weight:350;display:block;margin-top:12px;letter-spacing:-.055em}.dash-foot{padding:17px 22px;border-top:1px solid #263631;display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:9px;color:#88a196;letter-spacing:.06em}.float-chip{position:absolute;z-index:4;left:-44px;bottom:13%;background:#15201e;border:1px solid #476551;padding:15px 18px;box-shadow:0 15px 45px #0008;display:flex;gap:12px;align-items:center}.float-chip i{width:25px;height:25px;border:1px solid var(--mint);border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;color:var(--mint)}.float-chip strong{display:block;font-size:11px;font-weight:450}.float-chip small{display:block;margin-top:5px;color:var(--mute)}
/* marquee */
.tech-strip{border-bottom:1px solid var(--line2);padding:23px 0}.tech-strip .container{display:flex;gap:40px;align-items:center;justify-content:space-between}.tech-strip .mono{white-space:nowrap;color:var(--sub)}.tech-list{display:flex;align-items:center;justify-content:flex-end;gap:42px;flex-wrap:wrap}.tech-list span{font-size:12px;letter-spacing:.12em;color:#87958f;white-space:nowrap}
/* cards */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:37px 34px 32px;display:flex;flex-direction:column;min-height:285px;position:relative;overflow:hidden;transition:background .25s}.service-card:hover{background:#141d1b}.service-card .mini-number{color:#607b6e;font-family:var(--mono);font-size:10px;letter-spacing:.12em}.service-card-icon{width:44px;height:44px;border:1px solid #385246;display:grid;place-items:center;color:var(--mint);margin-bottom:auto;margin-top:23px}.service-card-icon svg{width:20px;height:20px}.service-card h3{font-size:25px;font-weight:380;margin:28px 0 10px}.service-card p{color:var(--mute);font-size:13px;line-height:1.75;margin-bottom:22px;max-width:330px}.service-card .linkline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #33403a;padding-top:17px;font-size:11px;color:var(--mint)}.service-card .linkline svg{width:14px;height:14px;transition:transform .2s}.service-card:hover .linkline svg{transform:translate(3px,-3px)}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{border:1px solid var(--line);display:block;overflow:hidden;transition:border-color .25s,transform .25s}.work-card:hover{border-color:#648473;transform:translateY(-4px)}.work-art{height:280px;position:relative;overflow:hidden;display:grid;place-items:center}.work-art.deftlead{background:radial-gradient(circle at 80% 40%,#254b57 0%,#10242d 40%,#0d161e 75%)}.work-art.strigoi{background:radial-gradient(circle at 60% 30%,#5b4a35 0%,#211c18 42%,#10110f 85%)}.work-art.divan{background:radial-gradient(circle at 60% 20%,#37553d 0%,#17281d 42%,#0b1611 85%)}.work-art .mockbrowser{position:absolute;width:78%;height:185px;top:61px;left:11%;border:1px solid #ffffff3d;background:#0d1729bb;box-shadow:0 25px 35px #0007;transform:rotate(-7deg);padding:17px}.mockbrowser .bar{height:5px;width:32%;background:#bcdbe24d;margin:12px 0}.mockbrowser .bar.short{width:18%}.mockbrowser .avatars{display:flex;gap:6px;margin-top:29px}.mockbrowser .avatars i{width:34px;height:34px;border-radius:50%;background:#64b6ad44;border:1px solid #a7f6eb44}.mockbrowser .screen-row{display:flex;gap:7px;margin-top:21px}.mockbrowser .screen-row i{flex:1;height:26px;border:1px solid #cdfcf323;background:#ffffff0e}.art-word{font-size:clamp(34px,3.7vw,60px);letter-spacing:.2em;font-weight:280;text-align:center;z-index:1}.art-sub{font-family:var(--mono);letter-spacing:.25em;font-size:10px;position:absolute;bottom:38px;color:#c4b59f}.book-stack{position:relative;width:190px;height:190px}.book-stack i{position:absolute;left:10%;top:9%;width:105px;height:154px;background:#273a2d;border:1px solid #a0c9a2a8;transform:rotate(-21deg);box-shadow:7px 9px 17px #0005}.book-stack i:nth-child(2){background:#88755d;left:39%;transform:rotate(11deg);top:4%}.book-stack i:nth-child(3){background:#3c6158;left:23%;top:17%;transform:rotate(-2deg);display:grid;place-items:center}.book-stack i:nth-child(3):after{content:"DIVAN";font-size:14px;letter-spacing:.25em;color:#d9eade;font-style:normal}.work-info{padding:25px 25px 27px}.work-info .split{align-items:flex-start}.work-info h3{font-size:24px;margin:9px 0 8px}.work-info p{font-size:13px;color:var(--mute);margin:0}.work-info .arrow{color:var(--mint)}.work-meta{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--mint)}.work-note{margin-top:21px;color:var(--sub);font-size:12px}
/* process */
.process-grid{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:85px 1fr 1fr 24px;gap:25px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.process-num{font-family:var(--mono);font-size:11px;color:var(--mint)}.process-item h3{font-size:27px;font-weight:350;margin:0}.process-item p{font-size:13px;color:var(--mute);margin:0;max-width:450px}.process-item svg{width:16px;color:#678576}
/* CTA */
.cta-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:88px 0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 32%,#18443255,transparent 40%)}.cta-band .container{position:relative;z-index:1}.cta-band h2{font-size:clamp(42px,5.2vw,84px);font-weight:350;max-width:900px;margin-bottom:30px}.cta-row{display:flex;gap:40px;align-items:center;justify-content:space-between}.cta-row p{max-width:580px;color:var(--mute);font-size:15px;margin:0}.cta-band:after{content:"↗";font-family:var(--sans);font-size:400px;font-weight:200;color:#83d7ad0c;position:absolute;right:1%;top:-30%}
/* page */
.internal-hero{padding:118px 0 95px;position:relative;overflow:hidden;border-bottom:1px solid var(--line2)}.internal-hero .container{position:relative;z-index:1}.breadcrumbs{display:flex;gap:10px;color:var(--sub);font-family:var(--mono);font-size:10px;letter-spacing:.06em;margin-bottom:50px}.breadcrumbs a:hover{color:var(--mint)}.internal-hero h1{font-size:clamp(56px,7.8vw,112px);max-width:1000px;line-height:1.01;margin:0 0 25px}.internal-hero .lead{max-width:680px;margin:0 0 34px}.internal-hero .eyebrow{margin-bottom:22px}.internal-hero .glow{width:500px;height:500px;background:radial-gradient(circle,#2358402c,transparent 65%);position:absolute;right:0;top:0;pointer-events:none}.service-illustration{border:1px solid var(--line);padding:45px;background:radial-gradient(circle at 75% 30%,#1e4e3940,transparent 40%),#101617}.flow-demo{display:flex;align-items:center;justify-content:center;gap:12px;min-height:170px;flex-wrap:wrap}.flow-node{border:1px solid #385348;background:#14231f;min-width:160px;text-align:center;padding:21px 15px}.flow-node strong{display:block;font-weight:450;margin-bottom:9px}.flow-node span{font-family:var(--mono);color:var(--mint);font-size:10px}.flow-arrow{font-size:24px;color:var(--mint);font-weight:300}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}.feature{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 30px;min-height:205px}.feature b{display:block;font-size:19px;font-weight:450;margin-bottom:15px}.feature p{color:var(--mute);font-size:13px;line-height:1.75}.feature .n{font-family:var(--mono);color:var(--mint);font-size:10px;margin-bottom:22px}.half-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.half-layout h2{font-size:clamp(40px,4.3vw,66px)}.half-layout p{color:var(--mute)}.bulleted{padding:0;margin:0;list-style:none}.bulleted li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:16px;font-size:14px}.bulleted li:before{content:'↗';color:var(--mint)}
/* pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-card{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;min-height:440px;background:var(--bg2)}.pricing-card.featured{border-color:#659580;background:linear-gradient(180deg,#15251d 0%,#101717 65%)}.pricing-title{font-size:23px;letter-spacing:-.04em;font-weight:400;margin-bottom:12px}.price{font-size:47px;letter-spacing:-.065em;font-weight:300;margin:12px 0}.price span{font-size:13px;letter-spacing:0;color:var(--mute);margin-left:5px}.pricing-card>p{font-size:13px;color:var(--mute);min-height:53px}.pricing-list{list-style:none;padding:21px 0 0;margin:18px 0 28px;border-top:1px solid var(--line);flex:1}.pricing-list li{display:flex;gap:12px;align-items:start;font-size:12px;line-height:1.5;margin-bottom:13px;color:#c2cac5}.pricing-list li:before{content:'✓';color:var(--mint)}.price-footnote{color:var(--sub);font-size:12px;margin-top:15px}.price-section-title{font-size:37px;margin:76px 0 28px}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:50px;border:1px solid var(--line);padding:38px;background:#101617}.calculator .panel-result{background:#15201e;padding:30px;border:1px solid #355044;display:flex;flex-direction:column;justify-content:space-between}.calculator .total{font-size:53px;font-weight:300;letter-spacing:-.065em}.calculator .bill{font-size:26px;font-weight:350;margin-top:15px}.form-group{margin-bottom:21px}.form-group label,.input-label{display:block;font-size:11px;color:#cbd4ce;margin-bottom:9px}.field{width:100%;background:#0c1112;border:1px solid #34413e;color:var(--fg);padding:14px 16px;min-height:48px;border-radius:0;outline:none;transition:border-color .2s}.field::placeholder{color:#61716d}.field:focus{border-color:var(--mint)}textarea.field{min-height:133px;resize:vertical}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%239ba7a2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:40px}.check-row{display:flex;align-items:center;gap:13px;padding:12px 0;font-size:13px;color:var(--mute);cursor:pointer}.check-row input{accent-color:#b2eed0;width:15px;height:15px}.price-table{width:100%;border-collapse:collapse}.price-table td,.price-table th{border-bottom:1px solid var(--line);padding:18px 5px;text-align:left;font-size:13px;font-weight:400}.price-table td:last-child,.price-table th:last-child{text-align:right}.price-table th{font-family:var(--mono);color:var(--sub);text-transform:uppercase;font-size:10px;letter-spacing:.1em}.price-table td:last-child{color:var(--mint)}
/* FAQ */
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:17px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;color:var(--mint);font-weight:300}.faq details[open] summary:after{content:'−'}.faq p{color:var(--mute);max-width:850px;font-size:14px;margin:15px 0 4px}
/* contact */
.form-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px}.form-aside h2{font-size:44px}.form-aside p{font-size:14px;color:var(--mute)}.form-benefit{display:flex;gap:15px;align-items:flex-start;border-top:1px solid var(--line);padding:20px 0}.form-benefit b{font-size:13px;font-weight:440}.form-benefit span{display:block;color:var(--mute);font-size:12px;line-height:1.7;margin-top:5px}.form-benefit .number{color:var(--mint);font-family:var(--mono);font-size:10px}.form-box{border:1px solid var(--line);padding:35px;background:var(--bg2)}.form-box h3{font-size:28px;margin:0 0 8px}.form-box .formintro{color:var(--mute);font-size:13px;margin-bottom:29px}.form-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px}.service-choice{position:relative}.service-choice input{position:absolute;opacity:0;pointer-events:none}.service-choice span{padding:14px 7px;border:1px solid var(--line);color:var(--mute);font-size:11px;text-align:center;display:block;cursor:pointer;transition:all .2s}.service-choice input:checked+span{background:#1d352a;color:var(--mint);border-color:#7eae92}.service-choice input:focus-visible+span{outline:2px solid var(--mint)}.form-legal{font-size:11px;color:var(--mute);line-height:1.65}.form-alert{border:1px solid var(--line);padding:17px 19px;font-size:13px;margin:19px 0;line-height:1.6}.form-alert.error{border-color:#af726d;color:#f4c3b8;background:#4b22221c}.form-alert.success{border-color:#5f987d;color:var(--mint);background:#1b35261d}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* footer */
.footer{padding:70px 0 26px;background:#0c1111}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;margin-bottom:92px}.footer .brand{align-items:flex-start}.footer .brand-small{padding-left:0;letter-spacing:.35em}.footer-intro{color:var(--mute);font-size:13px;line-height:1.8;max-width:330px;margin-top:23px}.footer-links h4{font-family:var(--mono);font-size:10px;letter-spacing:.13em;color:var(--sub);font-weight:400;text-transform:uppercase;margin-bottom:20px}.footer-links a{display:block;color:#afb9b3;font-size:12px;margin:0 0 14px}.footer-links a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:var(--sub);font-family:var(--mono);font-size:10px;letter-spacing:.03em}
/* portal */
.portal-shell{min-height:calc(100vh - 91px);display:grid;grid-template-columns:244px minmax(0,1fr)}.portal-side{background:#0e1515;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;gap:28px}.portal-side .side-brand{padding:5px 15px 20px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.13em;color:var(--mint)}.side-menu{display:grid;gap:5px}.side-menu a,.side-menu button{display:flex;gap:13px;align-items:center;border:0;background:none;text-align:left;padding:13px 14px;color:var(--mute);font-size:12px;width:100%;border-left:2px solid transparent}.side-menu a svg,.side-menu button svg{width:16px;height:16px}.side-menu a.active,.side-menu a:hover{color:var(--mint);background:#1b2b24;border-color:var(--mint)}.portal-side .side-small{margin-top:auto;padding:20px 15px;border-top:1px solid var(--line);font-family:var(--mono);color:var(--sub);font-size:10px;line-height:1.7}.portal-main{padding:48px min(5.2vw,65px) 85px;max-width:1500px;width:100%;margin:0 auto}.portal-title{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:39px}.portal-title h1{font-size:clamp(32px,3.6vw,48px);margin:7px 0 10px;letter-spacing:-.05em}.portal-title p{color:var(--mute);font-size:13px;margin:0}.demo-banner{border:1px solid #5a765f;background:#1c2d22;padding:14px 19px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px;font-size:12px;color:#c8e8ce;line-height:1.7}.portal-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.portal-stat{border:1px solid var(--line);background:#111919;padding:22px 21px;min-height:136px;display:flex;flex-direction:column;justify-content:space-between}.portal-stat .s-label{font-size:11px;color:var(--mute)}.portal-stat .s-value{font-size:33px;letter-spacing:-.05em;font-weight:350}.portal-stat .s-bottom{font-family:var(--mono);font-size:10px;color:var(--mint)}.portal-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;margin-top:14px}.portal-panel{background:#111919;border:1px solid var(--line);padding:24px}.portal-panel h3{font-size:18px;font-weight:420;margin:0 0 10px}.portal-panel p{font-size:12px;color:var(--mute)}.chart-svg{width:100%;height:220px;overflow:visible;margin:13px 0 0}.chart-labels{display:flex;justify-content:space-between;color:var(--sub);font-family:var(--mono);font-size:9px}.portal-list{border-top:1px solid var(--line);margin-top:20px}.portal-list .item{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.portal-list .item span{color:var(--mute)}.site-card{border:1px solid var(--line);padding:28px;background:#101818;margin-bottom:14px;display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.site-card h3{font-size:23px;margin:13px 0 6px}.site-card p{color:var(--mute);font-size:12px;margin:0}.site-card a{font-size:12px;color:var(--mint)}.site-card .right{text-align:right}.portal-empty{border:1px dashed #41564d;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;color:var(--mute)}.portal-empty svg{width:34px;height:34px;color:var(--mint);margin-bottom:18px}.portal-empty h3{color:var(--fg);font-size:21px;margin:0 0 10px}.signin-wrap{min-height:68vh;display:grid;place-items:center;padding:75px 20px}.signin-box{width:min(470px,100%);border:1px solid var(--line);background:#101717;padding:45px}.signin-box h1{font-size:44px;margin:10px 0 17px}.signin-box p{color:var(--mute);font-size:13px}.portal-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-app-card{border:1px solid var(--line);padding:26px;min-height:185px;background:#121919}.portal-app-card svg{width:24px;height:24px;color:var(--mint)}.portal-app-card h3{margin:19px 0 11px;font-size:20px}.portal-app-card p{font-size:12px;color:var(--mute)}
/* responsive */
@media(min-width:1500px){.hero h1{font-size:100px}}@media(max-width:1150px){.container{width:min(100% - 60px,1360px)}.nav{gap:19px}.hero-inner{gap:26px}.hero h1{font-size:clamp(55px,6.5vw,78px)}.hero-bottom{gap:20px}.float-chip{left:-17px}.tech-list{gap:24px}.portal-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.container{width:calc(100% - 40px)}.header{height:75px}.header .nav{display:none;position:absolute;top:75px;left:0;right:0;background:#0e1515;border-bottom:1px solid var(--line);padding:23px 20px 26px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 30px 60px #000b}.header .nav.open{display:flex}.header .nav a{padding:14px 12px;font-size:14px;border-bottom:1px solid var(--line2)}.mobile-toggle{display:block}.head-actions{gap:8px}.head-actions .head-contact{display:none}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:88px 0 68px}.hero-visual{max-width:600px;margin:25px auto 0;width:90%}.hero-bottom{margin-top:55px}.section{padding:80px 0}.section-head{align-items:start;flex-direction:column;gap:17px}.services-grid,.feature-list,.work-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.work-grid .work-card:last-child{grid-column:1/-1}.work-grid .work-card:last-child .work-art{height:250px}.half-layout{grid-template-columns:1fr;gap:30px}.form-shell{grid-template-columns:1fr;gap:30px}.footer-main{grid-template-columns:repeat(2,1fr)}.portal-shell{grid-template-columns:1fr}.portal-side{padding:10px 20px;border-right:0;border-bottom:1px solid var(--line)}.portal-side .side-brand,.portal-side .side-small{display:none}.side-menu{display:flex;gap:5px;overflow-x:auto}.side-menu a,.side-menu button{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.side-menu a.active{border-color:var(--mint)}.portal-main{padding:36px 20px 75px}.portal-grid{grid-template-columns:1fr}.tech-list span:nth-child(n+4){display:none}}
@media(max-width:560px){.container{width:calc(100% - 34px)}.brand{width:88px}.brand-big{font-size:18px}.brand-small{font-size:8px}.head-actions{gap:6px}.lang{gap:2px}.lang a{font-size:9px;padding:7px 4px}.hero-inner{padding:72px 0 62px}.hero h1{font-size:clamp(49px,11.6vw,70px)}.hero-description{font-size:15px}.hero-visual{width:100%}.dashboard{transform:none}.float-chip{bottom:0;left:-7px;padding:10px}.dash-body{padding:18px}.dash-number{font-size:36px}.dash-graph{height:95px}.hero-bottom{gap:18px}.hero-metric b{font-size:18px}.hero-metric span{font-size:8px}.section{padding:67px 0}.section-head h2{font-size:42px}.services-grid,.feature-list,.work-grid,.pricing-grid{grid-template-columns:1fr}.service-card{min-height:238px}.work-grid .work-card:last-child{grid-column:auto}.work-art{height:250px}.process-item{grid-template-columns:42px 1fr 15px;gap:15px;padding:25px 0}.process-item p{grid-column:2;grid-row:2}.process-item svg{grid-row:1}.cta-band{padding:65px 0}.cta-row{display:block}.cta-row .btn{margin-top:26px}.footer-main{gap:30px 18px}.footer-bottom{flex-direction:column;gap:8px}.internal-hero{padding:69px 0}.internal-hero h1{font-size:clamp(48px,11vw,70px)}.breadcrumbs{margin-bottom:35px}.calculator{grid-template-columns:1fr;padding:20px;gap:20px}.form-box{padding:21px}.form-columns{grid-template-columns:1fr;gap:0}.service-choices{grid-template-columns:repeat(2,1fr)}.form-shell{gap:17px}.form-aside h2{font-size:35px}.flow-demo{justify-content:flex-start}.flow-node{min-width:115px;flex:1}.flow-arrow{font-size:16px}.portal-cards{grid-template-columns:repeat(2,1fr);gap:9px}.portal-stat{padding:17px 12px;min-height:121px}.portal-stat .s-value{font-size:27px}.portal-title{display:block}.portal-title .btn{margin-top:18px}.site-card{grid-template-columns:1fr}.site-card .right{text-align:left}.portal-app-grid{grid-template-columns:1fr}.signin-box{padding:28px}.tech-strip .container{display:block}.tech-list{justify-content:start;margin-top:17px;gap:22px}.tech-list span:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Responsive grid corrections validated on small viewports */
@media(max-width:860px){.portal-shell,.portal-side,.portal-main,.side-menu{min-width:0;max-width:100%}.portal-side{overflow:hidden}.side-menu{overflow-x:auto;overscroll-behavior-x:contain}}
@media(max-width:560px){.process-item{grid-template-columns:42px minmax(0,1fr) 15px}.process-item .process-num{grid-column:1;grid-row:1}.process-item h3{grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere}.process-item>p{grid-column:2/4;grid-row:2}.process-item>svg{grid-column:3;grid-row:1}.internal-hero h1{overflow-wrap:anywhere}.portal-title h1{overflow-wrap:anywhere}}
@media(max-width:560px){.section h2{overflow-wrap:anywhere}.calculator,.calculator>*{min-width:0}.calculator .field{min-width:0;width:100%}.section .container{min-width:0}}
/* Editorial case-study pages */
.case-statline{display:flex;flex-wrap:wrap;gap:13px;margin:36px 0}.case-statline .tag{padding:11px 14px}.case-banner{min-height:345px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 73% 32%,#23574355,transparent 48%),repeating-linear-gradient(0deg,transparent 0,transparent 63px,#ffffff07 64px),#101817}.case-banner:after{content:'DIVAN / CASE STUDY';position:absolute;bottom:22px;right:25px;font-family:var(--mono);letter-spacing:.12em;color:var(--sub);font-size:10px}.case-brand{font-size:clamp(46px,8vw,128px);font-weight:260;letter-spacing:.1em}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-metric{padding:25px;border:1px solid var(--line)}.case-metric b{font-size:24px;font-weight:350;display:block;margin-bottom:8px}.case-metric span{font-size:12px;color:var(--mute)}
@media(max-width:560px){.case-metrics{grid-template-columns:1fr}.case-banner{min-height:230px}.case-brand{font-size:39px}}

/* Keep About principles inside narrow mobile viewports. */
.about-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){.about-principles{grid-template-columns:minmax(0,1fr)}}