:root{--paper:#f8f7f4;--paper-deep:#f0efea;--ink:#202022;--soft:#65666d;--line:#dcdbd5;--violet:#B16B52;--violet-bright:#CCB6A7;--dark:#202022;--dark2:#202022;--ease:cubic-bezier(.22,1,.36,1);--shell:1512px;--pad:clamp(22px,5.6vw,104px);--header:84px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--paper);scrollbar-width:thin;scrollbar-color:#8e8d97 #eae9e5}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#eeeae6}html::-webkit-scrollbar-thumb{background:#a19ca5;border-radius:8px;border:2px solid #eeeae6}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:var(--violet)}:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.shell{width:min(var(--shell),calc(100% - var(--pad)*2));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:300;background:var(--ink);padding:12px;color:#fff}.skip-link:focus{top:12px}em{font-style:normal;color:var(--violet)}.accent-dot,.brand-period,.hero-punctuation{color:var(--violet)}.eyebrow,.overline{font-size:11px;font-weight:750;letter-spacing:.115em;line-height:1.7}.eyebrow{color:#797681;margin:0 0 28px}.eyebrow-light{color:#CCB6A7}
/* a navigation bar with intentional, quiet microinteractions */
.site-header{position:sticky;top:0;z-index:100;height:var(--header);background:rgba(248,247,244,.87);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(18,18,27,.09);transition:box-shadow .35s,background .35s}.site-header.has-scrolled{box-shadow:0 8px 32px rgba(14,16,26,.04);background:rgba(248,247,244,.96)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{font-family:'Space Grotesk',Arial,sans-serif;font-size:31px;line-height:1;font-weight:700;letter-spacing:-.09em;white-space:nowrap;transition:letter-spacing .35s var(--ease)}.brand:hover{letter-spacing:-.055em}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(20px,2.35vw,43px)}.desktop-nav a{font-weight:650;font-size:13px;letter-spacing:-.015em;color:#5a5b60;position:relative;padding:12px 0;transition:color .22s}.desktop-nav a:hover,.desktop-nav a.is-current{color:var(--ink)}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.desktop-nav a:hover:after,.desktop-nav a.is-current:after{transform:scaleX(1)}.nav-diagonal{display:inline-block;color:var(--violet);font-size:12px;transition:transform .25s}.desktop-nav a:hover .nav-diagonal{transform:translate(2px,-2px)}.header-contact{display:inline-flex;align-items:center;gap:17px;margin-left:15px;min-height:46px;background:var(--ink);color:#fff;border-radius:100px;padding:5px 6px 5px 23px;font-size:12.5px;font-weight:700;white-space:nowrap;transition:transform .3s var(--ease),background .3s,box-shadow .3s}.header-contact:hover{transform:translateY(-2px);background:#39383A;box-shadow:0 9px 24px rgba(38,24,57,.16)}.button-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3a453f;transition:transform .35s var(--ease),background .35s}.header-contact:hover .button-icon{background:var(--violet);transform:rotate(45deg)}.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;position:relative;margin-left:auto}.menu-toggle span{position:absolute;left:10px;width:24px;height:2px;background:var(--ink);transition:transform .3s,top .3s;top:18px}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}.mobile-menu{display:none}
/* hero */
.hero{position:relative;overflow:hidden}.hero-ambient{position:absolute;width:700px;height:700px;right:-400px;top:-290px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#E4DBD3 0%,rgba(248,247,244,0) 65%)}.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(50px,5.7vw,110px);min-height:min(760px,calc(100svh - var(--header) - 70px));padding-block:68px 44px}.hero-copy{position:relative;z-index:2}.hero-overline{color:#68656e;margin:0 0 28px;display:flex;align-items:center;gap:13px;font-size:10px;flex-wrap:wrap}.overline-bar{width:21px;height:2px;background:var(--violet)}.overline-divider{color:#b4b0b6}.hero h1{font-family:'Space Grotesk','DM Sans',sans-serif;font-size:clamp(53px,6.15vw,109px);line-height:1.005;letter-spacing:-.085em;font-weight:600;max-width:860px;margin:0 0 32px;text-wrap:balance}.hero h1 em{font-style:normal;color:#998B80}.hero-description{font-size:clamp(16px,1.35vw,18px);max-width:500px;line-height:1.85;color:#64636a;font-weight:450;margin:0 0 35px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-radius:100px;padding:6px 6px 6px 25px;min-height:57px;font-weight:700;font-size:14px;letter-spacing:-.01em;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.action-dark{background:#202022;color:#fff}.action:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(20,20,32,.15)}.action-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#414148;font-size:20px;transition:background .3s,transform .4s var(--ease)}.action:hover .action-arrow{background:var(--violet);transform:rotate(45deg)}.quiet-action{font-weight:650;font-size:14px;display:inline-flex;align-items:center;gap:11px;border-bottom:1px solid #b7b5ba;padding-bottom:5px;transition:gap .3s,color .3s}.quiet-action:hover{gap:18px;color:var(--violet)}.hero-art{position:relative;max-width:680px;justify-self:stretch;min-width:0;padding:0 18px 0 0}.hero-photo{height:clamp(470px,44vw,615px);overflow:hidden;background:#735b4c;border-radius:5px 5px 130px 5px;box-shadow:0 30px 75px rgba(52,44,49,.12)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform 1.5s var(--ease)}.hero-art:hover .hero-photo img{transform:scale(1.045)}.hero-photo-edge{position:absolute;right:0;bottom:-19px;width:38%;height:44%;border:1px solid rgba(129,112,215,.6);border-left:0;border-top:0;border-radius:0 0 133px 0;pointer-events:none}.hero-vertical{position:absolute;writing-mode:vertical-rl;right:-12px;top:4px;font-size:10px;letter-spacing:.19em;color:#817e87;font-weight:650}.hero-bottom{display:flex;gap:18px;align-items:center;padding:16px 0 26px;color:#8a8791;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--line)}.hero-bottom span:last-child{margin-left:auto}.scroll-cue{height:20px;width:17px;border:1px solid #bbc6c0;border-radius:20px;display:grid;place-items:start center;padding-top:4px}.scroll-cue span{width:2px;height:5px;background:var(--violet);border-radius:5px;animation:scroll-dot 1.8s infinite}@keyframes scroll-dot{0%,100%{transform:translateY(0);opacity:.3}55%{transform:translateY(7px);opacity:1}}
/* introduction */
.intro-section{padding:clamp(90px,11vw,168px) 0}.intro-layout{display:grid;grid-template-columns:minmax(110px,.35fr) minmax(0,1.6fr) minmax(0,.8fr);gap:clamp(25px,4vw,70px);align-items:start}.intro-layout h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(35px,3.25vw,58px);line-height:1.18;letter-spacing:-.06em;margin:0;text-wrap:balance}.intro-layout h2 em{color:#998B80}.intro-layout>p:last-child{line-height:1.85;color:var(--soft);font-size:15px;margin:5px 0 0}
/* work */
.work-section{background:var(--dark);color:#E4DBD3;overflow:hidden;padding:clamp(95px,9vw,150px) 0 clamp(105px,10vw,160px)}.work-header{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:73px}.work-header h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(55px,5.4vw,84px);line-height:1.07;letter-spacing:-.078em;font-weight:600;margin:0}.work-header>p{color:#b5c1ba;line-height:1.8;font-size:15px;max-width:365px;margin:0 0 8px}.work-stack{display:grid;gap:clamp(65px,7vw,125px)}.showcase{display:grid;grid-template-columns:36% 64%;min-width:0;align-items:center;gap:0}.showcase-text{padding:32px clamp(30px,5vw,80px) 32px 0}.showcase-number{color:#a9b7af;font-size:11px;font-weight:700;letter-spacing:.14em}.showcase-number span{color:#697e72;margin:0 7px}.showcase h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,3.35vw,61px);font-weight:500;letter-spacing:-.065em;line-height:1.11;margin:23px 0 20px}.showcase-text>p{max-width:368px;font-size:15px;line-height:1.95;color:#b3c0b9}.showcase-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.showcase-keywords span{font-size:10px;font-weight:700;letter-spacing:.035em;padding:8px 11px;border:1px solid #3a4640;border-radius:100px;color:#E4DBD3}.showcase-visual{min-width:0;position:relative;min-height:490px;border:1px solid #37423c;border-radius:13px;overflow:hidden}.showcase-automation .showcase-visual{background:#202022}.showcase-web .showcase-visual{background:#d3dad6}.showcase-ai .showcase-visual{background:radial-gradient(ellipse at 50% 0%,#39383A,#202022 72%)}.visual-topline{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:9px;padding:21px 23px;color:#CCB6A7;font-size:10px;letter-spacing:.08em;font-weight:750}.tiny-plus{font-size:18px;color:#CCB6A7;line-height:1}.visual-mode{margin-left:auto;opacity:.62;font-size:9px}.flow-artboard{height:405px;position:relative;max-width:690px;margin:34px auto 0}.flow-artboard:before{content:"";position:absolute;inset:20px 0 0;background-image:radial-gradient(#7c9286 1px,transparent 1px);background-size:21px 21px;opacity:.15;mask-image:radial-gradient(ellipse,#000 30%,transparent 74%)}.flow-lines{position:absolute;inset:20px 0 0;width:100%;height:370px;overflow:visible}.flow-base,.flow-moving{fill:none;stroke:#998B80;stroke-width:1.8}.flow-base{opacity:.4}.flow-moving{stroke:#E4DBD3;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 70;animation:dash 3.8s linear infinite;filter:drop-shadow(0 0 5px #CCB6A7)}.flow-two{animation-delay:-2s}.flow-three{animation-delay:-1s}.flow-four{animation-delay:-2.8s}@keyframes dash{to{stroke-dashoffset:-280}}.flow-node{position:absolute;min-height:67px;border:1px solid #526259;border-radius:10px;background:rgba(39,39,57,.93);box-shadow:0 18px 36px rgba(4,4,12,.14);padding:13px 14px 13px 40px;display:flex;flex-direction:column;gap:4px;color:#E4DBD3;transition:transform .35s var(--ease),background .35s,box-shadow .35s,border-color .35s}.flow-node strong{font-size:11px;white-space:nowrap}.flow-node small{font-size:9px;color:#CCB6A7;white-space:nowrap}.node-icon{position:absolute;left:13px;top:13px;font-size:16px;color:#E4DBD3}.fn-1{left:2%;top:21%;}.fn-2{left:2%;top:65%;}.fn-4{right:1%;top:21%;}.fn-5{right:1%;top:65%;}.fn-main{left:50%;top:45%;transform:translate(-50%,-50%);width:146px;min-height:117px;align-items:center;justify-content:center;padding:34px 12px 14px;background:linear-gradient(135deg,#39383A,#39383A);border-color:#CCB6A7;text-align:center}.fn-main strong{font-size:11px}.fn-main small{font-size:9px}.core-orbit{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:22px;height:22px;border:1px solid #E4DBD3;border-radius:50%;display:grid;place-items:center;animation:core-pulse 3s infinite}.core-orbit span{display:block;width:7px;height:7px;border-radius:50%;background:#E4DBD3}@keyframes core-pulse{50%{box-shadow:0 0 0 8px rgba(161,137,250,.08)}}.flow-node.is-running{border-color:#E4DBD3;background:#81736A;box-shadow:0 0 30px #a8dcc055}.fn-main.is-running{transform:translate(-50%,-50%) scale(1.055)}.flow-node:not(.fn-main).is-running{transform:translateY(-4px)}.flow-toolbar{position:absolute;bottom:0;left:0;right:0;min-height:78px;border-top:1px solid #404d46;background:#202022;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px}.flow-toolbar-copy{display:flex;flex-direction:column;gap:5px}.flow-toolbar-copy strong{font-size:12px}.flow-toolbar-copy span{font-size:10px;color:#adbbb3;line-height:1.4}.play-workflow{display:inline-flex;gap:10px;align-items:center;border:1px solid #CCB6A7;border-radius:30px;color:#E4DBD3;background:#39383A;font-size:11px;font-weight:700;padding:11px 14px;white-space:nowrap;transition:background .25s,transform .25s}.play-workflow:hover{background:#998B80;transform:translateY(-2px)}.play-workflow:disabled{opacity:.65;cursor:progress}.play-icon{font-size:9px;color:#E4DBD3}
/* graphic interface example */
.web-visual .visual-topline{color:#677c71}.web-visual .tiny-plus{color:#B16B52}.theme-switch{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.04em}.theme-dot{width:18px;height:18px;border-radius:50%;background:#fcfbf8;border:1px solid #aaa6b0;outline:2px solid transparent;outline-offset:2px;padding:0}.theme-dot-dark{background:#2d3631;border-color:#333}.theme-dot.is-selected{outline-color:#B16B52}.website-stage{position:relative;width:85%;max-width:620px;margin:82px auto 0;transition:transform .6s var(--ease)}.mock-browser{height:314px;border-radius:10px;background:#f9f9f7;border:1px solid #d3dad6;box-shadow:0 29px 60px #47544d2e;overflow:hidden;transition:background .45s,color .45s}.mock-browser-top{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#d3dad6;border-bottom:1px solid #d3dad6;color:#9a96a3;font-size:9px}.mock-traffic{display:flex;gap:4px}.mock-traffic i{display:block;width:5px;height:5px;background:#b8c4bd;border-radius:50%}.mock-content{padding:18px 25px;color:#171b19;transition:color .45s}.mock-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#77707e}.mock-header>span{font-family:'Space Grotesk',Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.065em;color:inherit}.mock-header>div{font-size:8px}.mock-hero{display:grid;grid-template-columns:56% 44%;gap:4px;align-items:center;margin-top:19px}.mock-type>span{font-size:8px;letter-spacing:.11em;font-weight:800;color:#998B80}.mock-type strong{display:block;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(22px,2.5vw,37px);letter-spacing:-.07em;line-height:1.08;margin:12px 0 18px}.mock-type em{color:#B16B52}.mock-pill{display:inline-flex;gap:30px;align-items:center;background:#232a26;color:#fff;font-size:8px;padding:10px 12px;border-radius:40px}.mock-graphic{height:175px;position:relative;overflow:hidden;border-radius:120px 100px 70px 70px;background:linear-gradient(130deg,#E4DBD3,#B16B52 70%,#202022)}.mock-orb{position:absolute;border-radius:50%;filter:blur(1px)}.mock-orb-1{width:175px;height:175px;top:-79px;right:-27px;background:linear-gradient(135deg,#E4DBD3,#CCB6A7);box-shadow:0 17px 36px #2e4f3d55}.mock-orb-2{width:148px;height:148px;bottom:-91px;left:-45px;background:#39383A;box-shadow:inset -20px 10px 22px #CCB6A7}.mock-glass{position:absolute;width:64%;height:100%;right:6%;top:30%;transform:rotate(25deg);border:1px solid #c5e8d488;background:linear-gradient(140deg,#ffffff77,#ffffff07);backdrop-filter:blur(7px);border-radius:80px}.mini-device{position:absolute;right:-7%;top:123px;width:124px;height:236px;border-radius:20px;background:#faf9f7;border:5px solid #242b27;box-shadow:0 24px 38px #2d373152;overflow:hidden;transition:background .4s}.mini-device-notch{width:36px;height:8px;border-radius:0 0 8px 8px;background:#242b27;margin:auto}.mini-device-content{padding:14px 11px;color:#272f2a}.mini-device-content b{font-size:11px;font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.06em}.mini-device-content>span{display:block;width:11px;height:2px;background:#998B80;margin:12px 0}.mini-device-content strong{font:600 17px/.95 'Space Grotesk',Arial,sans-serif;letter-spacing:-.06em}.mini-art{height:62px;border-radius:20px;margin:15px 0 8px;background:radial-gradient(circle at 75% 22%,#E4DBD3 0 18%,transparent 19%),linear-gradient(125deg,#CCB6A7,#39383A)}.mini-device-content i{font-size:7px;font-style:normal}.concept-caption{position:absolute;bottom:14px;left:25px;font-size:9px;color:#79727e;letter-spacing:.11em;font-weight:800}.web-visual.is-dark{background:#323b36}.web-visual.is-dark .mock-browser{background:#1c211e;border-color:#54645b}.web-visual.is-dark .mock-browser-top{background:#272f2b;border-color:#516158;color:#abb9b1}.web-visual.is-dark .mock-content{color:#E4DBD3}.web-visual.is-dark .mock-header{color:#c0cac4}.web-visual.is-dark .mock-pill{background:#CCB6A7}.web-visual.is-dark .mini-device{background:#202022;border-color:#91a49a}.web-visual.is-dark .mini-device-content{color:#E4DBD3}.web-visual.is-dark .concept-caption{color:#c5cec9}.web-visual.is-dark .visual-topline{color:#E4DBD3}
/* AI preview */
.ai-concept{position:absolute;inset:69px 10% 37px;background:rgba(18,17,31,.72);border:1px solid #5e7167;border-radius:13px;box-shadow:0 22px 50px #131e1870;overflow:hidden}.ai-concept-top{display:flex;align-items:center;gap:13px;border-bottom:1px solid #39383A;padding:20px 22px}.ai-symbol{display:grid;place-items:center;background:#81736A;border:1px solid #CCB6A7;width:37px;height:37px;border-radius:11px;font:600 21px 'Space Grotesk',Arial,sans-serif}.ai-symbol span{color:#E4DBD3}.ai-concept-top>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.ai-concept-top strong{font-size:12px}.ai-concept-top>div:nth-child(2) span{font-size:10px;color:#CCB6A7}.ai-top-more{margin-left:auto;color:#aab8b0;font-size:17px}.ai-sample-input{background:#39383A;border:1px solid #57695f;border-radius:12px 12px 3px 12px;padding:13px 17px;font-size:12px;margin:23px 21px 13px auto;width:max-content;max-width:85%;line-height:1.5;color:#E4DBD3}.ai-answer{margin:0 24px;display:flex;align-items:start;gap:12px;max-width:93%}.ai-answer-icon{width:23px;height:23px;border-radius:6px;background:#998B80;display:grid;place-items:center;font-size:13px;flex:none}.ai-answer p{line-height:1.75;color:#E4DBD3;font-size:12px;margin:1px 0}.ai-suggestions{display:flex;gap:7px;flex-wrap:wrap;position:absolute;bottom:19px;left:24px;right:20px}.ai-suggestions button{background:transparent;border:1px solid #596a60;color:#CCB6A7;border-radius:100px;padding:9px 11px;font-size:10px;transition:background .25s,color .25s,border-color .25s}.ai-suggestions button:hover,.ai-suggestions button.is-selected{background:#998B80;border-color:#CCB6A7;color:#fff}.showcase-inline{margin-top:24px;display:inline-flex;gap:12px;align-items:center;color:#E4DBD3;font-size:13px;font-weight:700;border-bottom:1px solid #81736A;padding-bottom:5px;transition:gap .25s}.showcase-inline:hover{gap:20px}
/* expertise */
.expertise-section{padding:clamp(110px,11vw,176px) 0;background:var(--paper)}.expertise-layout{display:grid;grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);gap:clamp(55px,9vw,160px)}.expertise-intro{position:sticky;top:145px;align-self:start}.expertise-intro h2{font:500 clamp(44px,4.8vw,75px)/1.08 'Space Grotesk',Arial,sans-serif;letter-spacing:-.073em;margin:0 0 28px}.expertise-intro h2 em{color:#998B80}.expertise-intro>p:not(.eyebrow){font-size:15px;color:var(--soft);max-width:420px;line-height:1.9}.expertise-rail{height:2px;background:#d3dad6;max-width:280px;margin-top:55px}.expertise-rail>span{display:block;width:25%;height:100%;background:var(--violet);transition:width .5s var(--ease)}.expertise-counter{font:500 14px 'Space Grotesk',Arial,sans-serif;letter-spacing:.035em;color:#a7b6ae;margin-top:13px}.expertise-counter b{color:var(--ink);font-size:28px;font-weight:600}.expertise-list{border-top:1px solid #ddd9d7}.expertise-row{display:grid;grid-template-columns:73px 1fr 22px;align-items:start;gap:25px;min-height:194px;padding:38px 0;border-bottom:1px solid #dcd9d7;transition:padding .35s var(--ease),opacity .35s}.expertise-row:hover{padding-left:9px}.expertise-icon{width:63px;height:63px;border:1px solid #E4DBD3;display:grid;place-items:center;border-radius:18px;color:#998B80;transition:background .35s,color .35s,border-color .35s,transform .35s var(--ease)}.expertise-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.expertise-row:hover .expertise-icon,.expertise-row.is-active .expertise-icon{background:#E4DBD3;border-color:#CCB6A7;color:#998B80;transform:rotate(-5deg)}.expertise-num{font-size:10px;font-weight:750;letter-spacing:.105em;color:#98a9a0}.expertise-row h3{font:600 clamp(25px,2.3vw,37px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.052em;margin:14px 0 10px}.expertise-row p{font-size:14px;color:var(--soft);line-height:1.78;max-width:460px;margin:0}.expertise-plus{color:#b9c5be;font-size:20px;transition:transform .3s,color .3s}.expertise-row:hover .expertise-plus,.expertise-row.is-active .expertise-plus{transform:translate(4px,-4px);color:var(--violet)}
/* assistant is immersive, smaller heading, full-bleed presentation */
.assistant-section{background:#202022;color:#E4DBD3;padding:clamp(100px,9vw,145px) 0 102px;overflow:hidden}.assistant-head{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:49px}.assistant-head h2{font:500 clamp(47px,5.2vw,78px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em;margin:0}.assistant-head h2 em{color:#CCB6A7}.assistant-head-right{max-width:365px;justify-self:end}.assistant-head-right p{font-size:15px;line-height:1.8;color:#b7c3bc;margin:0 0 25px}.light-text-link{display:inline-flex;gap:18px;align-items:center;font-weight:700;font-size:13px;border-bottom:1px solid #CCB6A7;padding-bottom:7px;transition:gap .25s,color .25s}.light-text-link:hover{color:#E4DBD3;gap:26px}.assistant-wide{width:min(1620px,calc(100% - clamp(22px,3vw,62px)*2));margin:0 auto}.assistant-frame{border:1px solid #48564e;border-radius:17px;overflow:hidden;background:#202022;box-shadow:0 36px 90px #141d1879}.assistant-frame-top{height:52px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;background:#202022;color:#E4DBD3;font-size:10px;letter-spacing:.11em;font-weight:750}.assistant-frame-top>span{display:flex;gap:9px;align-items:center}.assistant-spark{font-size:18px;color:#E4DBD3}.assistant-frame-top>a{color:#E4DBD3;display:flex;gap:9px;align-items:center;transition:color .25s}.assistant-frame-top>a:hover{color:#fff}.assistant-screen{height:clamp(550px,55vw,770px);position:relative;overflow:hidden;background:#202022}.assistant-screen iframe{position:absolute;border:0;left:50%;top:0;transform:translateX(-50%) scale(1.35);transform-origin:top center;width:100%;height:75%;background:#202022;min-width:650px}.assistant-side-mask{position:absolute;top:0;bottom:0;width:clamp(12px,6%,80px);pointer-events:none;opacity:.45}.assistant-mask-left{left:0;background:linear-gradient(90deg,#202022,transparent)}.assistant-mask-right{right:0;background:linear-gradient(270deg,#202022,transparent)}.embed-note{text-align:center;color:#92a49a;margin:18px 0 0;font-size:11px;line-height:1.7}.embed-note a{color:#E4DBD3;border-bottom:1px solid #667a6f}
/* about */
.about-section{padding:clamp(100px,10vw,174px) 0;background:#f4f2ed}.about-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(65px,9vw,150px);align-items:center}.about-photo{position:relative;max-width:530px}.about-photo img{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;object-position:center top;border-radius:140px 6px 6px 6px;filter:saturate(.82);box-shadow:0 25px 65px #30271f12}.about-photo-accent{position:absolute;left:-17px;top:-17px;border:1px solid #CCB6A7;pointer-events:none;border-radius:150px 7px 0 0;width:57%;height:35%}.about-copy h2{font:500 clamp(55px,5.2vw,84px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-.078em;margin:0 0 17px}.about-lead{font-size:clamp(21px,2vw,30px)!important;line-height:1.36!important;font-weight:600!important;color:#272e2a!important;letter-spacing:-.035em;margin:0 0 30px!important}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:#666169;max-width:590px}.about-copy>p a{color:#998B80;border-bottom:1px solid #CCB6A7}.about-facts{margin-top:37px;border-top:1px solid #d3dad6}.about-facts>div{padding:15px 0;border-bottom:1px solid #d3dad6;display:flex;align-items:baseline;justify-content:space-between;gap:25px}.about-facts span{font-size:10px;letter-spacing:.08em;font-weight:800;color:#8b9e94;white-space:nowrap}.about-facts strong{font-size:13px;color:#2d3631;font-weight:650;text-align:right}.social-links{display:flex;gap:21px;flex-wrap:wrap;margin-top:35px}.social-links a{font-size:13px;font-weight:750;border-bottom:1px solid #adbbb3;padding-bottom:6px;transition:color .3s,border-color .3s,transform .3s}.social-links a:hover{color:var(--violet);border-color:var(--violet);transform:translateY(-2px)}
/* news teaser */
.news-teaser{background:#eeeae9;padding:clamp(100px,10vw,155px) 0}.news-teaser-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,9vw,150px);align-items:center}.news-teaser h2{font:500 clamp(53px,5.8vw,90px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;margin:0 0 24px}.news-teaser h2 em{color:#998B80}.news-teaser p:not(.eyebrow){font-size:15px;line-height:1.9;color:#66636c;max-width:390px;margin:0 0 32px}.news-visual{position:relative;aspect-ratio:1.35;background:#202022;color:#E4DBD3;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 25px 60px #323c371f;transition:transform .55s var(--ease),box-shadow .55s}.news-visual:before{content:"";position:absolute;width:80%;aspect-ratio:1;right:-15%;top:10%;border-radius:50%;background:radial-gradient(circle,#7c9f8c70,transparent 70%);filter:blur(20px)}.news-visual:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 35px 75px #323c3736}.news-visual-header,.news-visual-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:26px;font-size:10px;font-weight:750;letter-spacing:.08em}.news-visual-header span:last-child,.news-visual-bottom span:last-child{color:#CCB6A7;font-size:9px}.news-visual-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 clamp(190px,24vw,360px)/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.13em;color:#E4DBD3;text-shadow:30px 15px #82a29055;transform:translateX(-8%);transition:transform .6s var(--ease)}.news-visual-number span{color:#CCB6A7}.news-visual:hover .news-visual-number{transform:translateX(-4%) scale(1.04)}.news-visual-bottom{margin-top:auto}.news-cover-link{position:absolute;inset:0;z-index:3}
/* footer */
.site-footer{background:#171b19;color:#fff;padding:70px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:76px;border-bottom:1px solid #3a3941}.footer-top .eyebrow{color:#CCB6A7}.footer-top h2{font:500 clamp(33px,3.3vw,51px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 12px}.footer-top p{color:#aaa6ad;font-size:14px;margin:0}.footer-contact-button{border:1px solid #8b9e93;border-radius:100px;padding:15px 17px 15px 25px;display:inline-flex;align-items:center;gap:55px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .3s,transform .3s}.footer-contact-button span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#64786d;transition:transform .35s}.footer-contact-button:hover{background:#39383A;transform:translateY(-3px)}.footer-contact-button:hover span{transform:rotate(45deg)}.footer-bottom{display:flex;align-items:center;gap:30px;justify-content:space-between;padding-top:30px;font-size:12px;color:#a9a5ad}.footer-brand{color:#fff;font-size:28px}.footer-bottom nav{display:flex;gap:23px}.footer-bottom nav a:hover{color:#E4DBD3}
/* motion */
.reveal{opacity:1;transform:none}html.has-js .reveal{opacity:0;transform:translate3d(0,40px,0);transition:opacity .9s var(--ease),transform .9s var(--ease)}html.has-js .reveal.is-visible{opacity:1;transform:none}.hero-copy .reveal:nth-child(2){transition-delay:.1s}.hero-copy .reveal:nth-child(3){transition-delay:.2s}.hero-copy .reveal:nth-child(4){transition-delay:.3s}.hero-art.reveal{transition-delay:.16s}
@media(max-width:1180px){:root{--pad:clamp(24px,4vw,55px)}.hero h1{font-size:clamp(52px,6.4vw,82px)}.hero-layout{gap:44px}.hero-photo{height:530px}.showcase{grid-template-columns:34% 66%}.showcase-text{padding-right:24px}.showcase h3{font-size:42px}.flow-node{padding:9px 9px 9px 27px}.node-icon{left:8px;top:9px;font-size:13px}.flow-node strong{font-size:9px}.flow-node small{font-size:8px}.fn-main{padding:35px 8px 10px}.fn-4,.fn-5{right:2%}.ai-concept{left:6%;right:6%}}
@media(max-width:900px){:root{--header:72px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:block}.mobile-menu{display:flex;position:absolute;left:0;right:0;top:100%;background:#f8f7f4;flex-direction:column;padding:22px var(--pad) 30px;border-bottom:1px solid var(--line);box-shadow:0 35px 45px #00000016;opacity:0;visibility:hidden;transform:translateY(-12px);transition:transform .3s,opacity .3s,visibility .3s}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu a{padding:15px 0;border-bottom:1px solid #e3dedf;font-size:22px;font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;display:flex;justify-content:space-between}.mobile-menu a span{color:#998B80;font-size:12px}.hero-layout{grid-template-columns:1fr 1fr;gap:25px;min-height:640px;padding:65px 0}.hero h1{font-size:clamp(51px,6.8vw,68px)}.hero-description{font-size:15px}.hero-photo{height:460px}.intro-layout{grid-template-columns:.3fr 1.7fr;gap:20px}.intro-layout>p:last-child{grid-column:2;max-width:550px}.showcase{grid-template-columns:1fr}.showcase-text{padding:0 0 27px}.showcase-text>p{max-width:600px}.showcase-visual{min-height:490px}.work-stack{gap:100px}.expertise-layout{gap:45px}.expertise-intro h2{font-size:48px}.assistant-head{gap:35px}.about-layout{gap:50px}.about-copy h2{font-size:55px}.about-photo img{aspect-ratio:3/4}.news-teaser-layout{gap:42px}}
@media(max-width:650px){:root{--pad:22px;--header:67px}.brand{font-size:28px}.hero-layout{grid-template-columns:1fr;min-height:0;gap:43px;padding:68px 0 30px}.hero h1{font-size:clamp(52px,11.1vw,82px);max-width:600px;margin:0 0 24px}.hero-description{font-size:15px;line-height:1.75}.hero-overline{font-size:9px;gap:8px}.hero-art{max-width:460px;padding:0 20px 0 0}.hero-photo{height:390px;border-radius:4px 4px 105px 4px}.hero-vertical{font-size:8px;right:-5px}.hero-bottom{padding-bottom:20px}.hero-bottom>span:last-child{display:none}.intro-section{padding:85px 0}.intro-layout{display:block}.intro-layout h2{font-size:clamp(37px,8vw,52px);margin:20px 0}.intro-layout>p:last-child{font-size:14px}.work-section{padding:85px 0 100px}.work-header{display:block;margin-bottom:54px}.work-header h2{font-size:clamp(48px,9vw,73px);margin-bottom:19px}.work-header>p{font-size:14px;max-width:100%}.work-stack{gap:95px}.showcase h3{font-size:clamp(37px,9vw,52px)}.showcase-text>p{font-size:14px;line-height:1.8}.showcase-visual{min-height:365px}.visual-topline{padding:16px;font-size:8px}.visual-mode{font-size:7px}.automation-visual{min-height:390px}.flow-artboard{transform:scale(.80);transform-origin:center 0;width:125%;margin-left:-12.5%;margin-top:38px;height:345px}.flow-lines{top:0}.flow-toolbar{padding:12px;min-height:77px}.flow-toolbar-copy{max-width:190px}.flow-toolbar-copy strong{font-size:11px}.flow-toolbar-copy span{font-size:9px}.play-workflow{font-size:9px;padding:10px}.web-visual{min-height:390px}.website-stage{width:91%;margin:81px 0 0 5%}.mock-browser{height:265px}.mock-content{padding:11px}.mock-hero{margin-top:12px}.mock-type strong{font-size:clamp(20px,5vw,30px)}.mock-type>span{font-size:6px}.mock-graphic{height:130px}.mini-device{width:95px;height:184px;top:118px;right:-3%}.mini-device-content{padding:9px}.mini-device-content strong{font-size:14px}.mini-art{height:37px;margin:9px 0}.concept-caption{font-size:7px}.ai-concept{inset:60px 4% 22px}.ai-concept-top{padding:13px}.ai-concept-top strong{font-size:10px}.ai-concept-top>div:nth-child(2) span{font-size:8px}.ai-sample-input{font-size:10px;margin:18px 12px 12px auto}.ai-answer{margin:0 12px;gap:7px}.ai-answer p{font-size:10px}.ai-suggestions{left:11px;right:9px;bottom:12px}.ai-suggestions button{font-size:8px;padding:8px}.expertise-section{padding:87px 0}.expertise-layout{display:block}.expertise-intro{position:static;margin-bottom:48px}.expertise-intro h2{font-size:clamp(42px,9vw,60px)}.expertise-intro>p:not(.eyebrow){font-size:14px}.expertise-rail,.expertise-counter{display:none}.expertise-row{grid-template-columns:55px 1fr 16px;gap:11px;min-height:155px;padding:28px 0}.expertise-icon{width:49px;height:49px;border-radius:14px}.expertise-icon svg{width:32px;height:32px}.expertise-row h3{font-size:25px;margin:10px 0}.expertise-row p{font-size:12px}.assistant-section{padding:88px 0 70px}.assistant-head{display:block}.assistant-head h2{font-size:clamp(44px,9.5vw,64px);margin-bottom:23px}.assistant-head-right{justify-self:start}.assistant-head-right p{font-size:14px}.assistant-wide{width:calc(100% - 22px)}.assistant-screen{height:555px}.assistant-screen iframe{width:100%;min-width:0;left:0;transform:none;height:100%}.assistant-frame-top{font-size:8px;padding:0 11px}.assistant-side-mask{display:none}.about-section{padding:85px 0}.about-layout{grid-template-columns:1fr;gap:53px}.about-photo{max-width:440px}.about-photo img{height:470px;aspect-ratio:auto}.about-copy h2{font-size:62px}.about-facts>div{display:block}.about-facts strong{display:block;text-align:left;margin-top:7px}.news-teaser{padding:88px 0}.news-teaser-layout{display:block}.news-teaser h2{font-size:61px}.news-visual{margin-top:50px}.news-visual-number{font-size:180px}.news-visual-header,.news-visual-bottom{padding:20px;font-size:8px}.news-visual-header span:last-child{font-size:7px}.footer-top{align-items:start;display:block;padding-bottom:50px}.footer-top h2{font-size:36px}.footer-contact-button{margin-top:26px}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom nav{width:100%;gap:19px}.footer-bottom>span{font-size:10px}}
@media(max-width:380px){.hero h1{font-size:48px}.flow-node{padding-left:8px}.flow-node .node-icon{display:none}.flow-node strong{font-size:8px}.fn-main{width:112px}.fn-main strong{font-size:9px}.ai-concept-top>div:nth-child(2) span{display:none}.ai-suggestions button{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html.has-js .reveal{opacity:1;transform:none}}

/* Edition 4: calm, warm materials instead of a navy / violet AI dashboard. */
.hero-layout{padding-bottom:60px}
.work-section{background:#222725;color:#F2EEEA}
.work-header>p,.showcase-text>p{color:#bcc3bc}
.showcase-number{color:#CCB6A7}
.showcase-keywords span{border-color:#4d5650;color:#d9dfd9}
.showcase-ai .showcase-visual{background:#e5e1d9;border:1px solid #c9c5ba;box-shadow:0 30px 65px rgba(0,0,0,.12);min-height:490px}
.ai-visual .visual-topline{color:#585b54}
.ai-visual .visual-mode{color:#747468}
.ai-visual-mark{font:700 14px 'Space Grotesk',Arial,sans-serif;color:#8c704c;letter-spacing:-.07em}
.ai-concept{inset:65px 6% 26px;background:#fcfbf8;border:1px solid #d6d3cb;border-radius:10px;box-shadow:0 17px 45px #4c43351a;overflow:hidden;color:#252923}
.ai-concept-top{height:54px;padding:0 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e6e3db}
.ai-concept-brand{font:700 21px 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;white-space:nowrap}
.ai-concept-brand span{color:#a37d53}
.ai-concept-subtitle{font:500 10px 'DM Sans',Arial,sans-serif;color:#898a83;border-left:1px solid #e3ded6;padding-left:15px}
.ai-concept-status{margin-left:auto;font-size:9px;font-weight:650;color:#788078;white-space:nowrap}
.ai-concept-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#998B80;margin-right:5px}
.ai-concept-layout{height:calc(100% - 54px);display:grid;grid-template-columns:27% minmax(0,1fr)}
.ai-concept-menu{border-right:1px solid #e7e4dc;background:#f6f5f0;padding:22px 12px;display:flex;flex-direction:column;gap:6px}
.ai-concept-menu>span{font-size:9px;letter-spacing:.13em;color:#9c9b93;padding:0 10px 10px;font-weight:750}
.ai-concept-menu button{appearance:none;border:0;background:transparent;color:#666b63;padding:12px 10px;text-align:left;display:flex;gap:11px;align-items:center;font-size:11px;font-weight:700;border-radius:6px;transition:background .28s,color .28s,transform .28s}
.ai-concept-menu button:hover{background:#e8e8df;transform:translateX(2px)}
.ai-concept-menu button.is-selected{background:#E4DBD3;color:#39383A}
.ai-concept-menu button b{font:700 9px 'DM Sans',Arial,sans-serif;opacity:.7}
.ai-concept-menu button>span{margin-left:auto}
.ai-menu-footer{margin-top:auto;border-top:1px solid #dfded6;padding:14px 10px 0;font-size:10px;line-height:1.65;color:#9e9f96}
.ai-concept-content{position:relative;padding:22px 24px 16px;overflow:auto;scrollbar-width:thin}
.ai-concept-overline{font-size:9px;color:#8d9186;letter-spacing:.12em;font-weight:750}
.ai-sample-input{background:#f2f0e9;border:1px solid #e6e2d8;color:#40453e;border-radius:8px 8px 3px 8px;padding:10px 13px;font-size:11px;line-height:1.45;margin:12px 0 13px auto;max-width:92%}
.ai-answer{margin:0 0 17px;gap:10px;max-width:100%}
.ai-answer-icon{width:24px;height:24px;border-radius:6px;background:#E4DBD3;color:#39383A;font:700 14px 'Space Grotesk',Arial,sans-serif;display:grid;place-items:center}
.ai-answer p{color:#4d514c;font-size:11px;line-height:1.6;margin:0}
.ai-output{border:1px solid #E4DBD3;border-radius:8px;background:#fff;box-shadow:0 8px 21px #555e4c0a;overflow:hidden}
.ai-output.is-updated{animation:output-appear .34s ease-out both}
@keyframes output-appear{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
.ai-output-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #E4DBD3;padding:10px 13px;color:#5d665f;font-size:9px;font-weight:750;letter-spacing:.06em}
.ai-output-indicator{font-size:8px;color:#8c988c;white-space:nowrap}
.ai-output-indicator i{display:inline-block;width:5px;height:5px;background:#998B80;border-radius:50%;margin-left:4px}
.ai-output-grid{display:grid;grid-template-columns:1fr 1fr;min-height:104px}
.ai-output-feature{padding:12px 14px;border-right:1px solid #E4DBD3;display:flex;flex-direction:column;gap:6px}
.ai-feature-overline{font-size:8px;letter-spacing:.08em;color:#9b9d95;font-weight:750}
.ai-output-feature strong{font-size:12px;line-height:1.25;color:#202022;letter-spacing:-.02em}
.ai-output-feature>span:nth-of-type(2){font-size:9px;line-height:1.35;color:#858b84}
.ai-output-meter{display:flex;gap:4px;margin-top:auto;padding-top:5px}
.ai-output-meter i{height:3px;flex:1;border-radius:10px;background:#998B80}
.ai-output-meter i:nth-child(4),.ai-output-meter i:nth-child(5){background:#E4DBD3}
.ai-output-checklist{padding:9px 11px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.ai-output-checklist>div{display:flex;gap:9px;align-items:center;font-size:10px;color:#50594f}
.ai-check{width:18px;height:18px;background:#F2EEEA;color:#81736A;border-radius:5px;font-size:11px;display:grid;place-items:center;flex:none}
/* The actual Amir AI panel is 600px wide. Display it at native scale, no crop. */
.assistant-section{background:#eeece6;color:#202022;padding:clamp(32px,4.5vh,56px) 0;overflow:visible}
.assistant-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(35px,5vw,90px);align-items:center}
.assistant-head{display:block;margin:0}
.assistant-head .eyebrow{color:#747f70;margin-bottom:17px}
.assistant-head h2{font:600 clamp(53px,5.2vw,86px)/1.04 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;margin:0 0 24px}
.assistant-head h2 em{color:#81736A}
.assistant-intro{font-size:clamp(14px,1.1vw,17px);line-height:1.8;color:#586158;max-width:435px;margin:0 0 26px}
.assistant-visit{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #6d806e;padding:0 0 9px;font-weight:750;font-size:13px;transition:color .25s,gap .25s}
.assistant-visit:hover{color:#81736A;gap:34px}
.assistant-footnote{font-size:10px;color:#999d96;margin-top:22px}
.assistant-wide{width:100%;max-width:850px;margin:0;min-width:0}
.assistant-frame{border:1px solid #575b54;border-radius:12px;overflow:hidden;background:#121412;box-shadow:0 19px 60px #23302822}
.assistant-frame-top{height:39px;padding:0 15px;background:#2b302d;color:#dfe3df;font-size:9px;letter-spacing:.08em}
.assistant-frame-top span{display:inline-flex;align-items:center;gap:8px}
.assistant-spark{font:700 18px 'Space Grotesk',Arial,sans-serif;color:#CCB6A7;font-style:normal}
.assistant-frame-top a{font-size:9px;color:#E4DBD3;transition:color .2s}
.assistant-frame-top a:hover{color:#fff}
.assistant-screen{height:clamp(395px,calc(100svh - var(--header) - 180px),665px);position:relative;overflow:hidden;background:#0b0c0b;isolation:isolate}
.assistant-screen iframe{position:absolute;top:0;left:0;transform:none;width:100%;height:100%;min-width:0;border:0;pointer-events:none;background:#161a18}
.assistant-screen.is-interacting iframe{pointer-events:auto}
.assistant-interact{position:absolute;inset:0;z-index:2;border:0;border-radius:0;background:transparent;display:flex;align-items:end;justify-content:start;padding:16px;cursor:pointer;color:#fff}
.assistant-interact-label{display:flex;align-items:start;flex-direction:column;gap:3px;background:rgba(31,40,34,.96);color:#fff;box-shadow:0 8px 27px #0006;border:1px solid #81736A;border-radius:9px;padding:13px 16px;text-align:left;transition:transform .23s}
.assistant-interact:hover .assistant-interact-label{transform:translateY(-3px)}
.assistant-interact-label strong{font-size:12px;font-weight:750}
.assistant-interact-label small{font-size:10px;line-height:1.45;color:#c5cec7}
.assistant-exit{position:absolute;top:9px;right:10px;z-index:4;border:1px solid #758576;border-radius:40px;background:#202022;color:#fff;box-shadow:0 3px 18px #0006;padding:9px 12px;font-size:11px;font-weight:700}
.assistant-exit:hover{background:#39383A}
.assistant-interact[hidden],.assistant-exit[hidden]{display:none!important}
.assistant-side-mask{display:none}
.embed-note{text-align:left;margin:12px 0 0;color:#7b8279;font-size:10px;line-height:1.5}
@media(max-width:1050px){.assistant-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:27px}.assistant-head h2{font-size:clamp(46px,5.2vw,70px)}.ai-concept{inset:65px 4% 22px}}
@media(max-width:760px){.assistant-section{padding:60px 0}.assistant-grid{display:block}.assistant-head{margin-bottom:24px}.assistant-head h2{font-size:clamp(45px,8vw,64px);margin-bottom:15px}.assistant-intro{margin-bottom:16px}.assistant-footnote{display:none}.assistant-screen{height:clamp(420px,65svh,580px)}.assistant-wide{max-width:620px}.ai-concept{inset:62px 3% 19px}.ai-concept-layout{grid-template-columns:31% minmax(0,1fr)}}
@media(max-width:650px){.showcase-ai .showcase-visual{min-height:458px}.ai-concept{inset:55px 3% 15px}.ai-concept-top{height:46px;padding:0 11px;gap:8px}.ai-concept-brand{font-size:17px}.ai-concept-subtitle{display:none}.ai-concept-status{font-size:8px}.ai-concept-layout{height:calc(100% - 46px);grid-template-columns:1fr}.ai-concept-menu{border-right:0;border-bottom:1px solid #e7e4dc;padding:9px;flex-direction:row;align-items:center;gap:4px}.ai-concept-menu>span,.ai-menu-footer{display:none}.ai-concept-menu button{padding:9px 7px;font-size:9px;gap:5px;flex:1;white-space:nowrap}.ai-concept-menu button b,.ai-concept-menu button>span{display:none}.ai-concept-content{padding:12px 14px}.ai-concept-overline{font-size:8px}.ai-sample-input{margin:8px 0 9px auto;font-size:10px}.ai-answer{margin-bottom:10px}.ai-answer p{font-size:10px}.ai-output-head{padding:8px 10px}.ai-output-feature{padding:10px}.ai-output-feature strong{font-size:11px}.ai-output-checklist{padding:9px}.ai-output-checklist>div{font-size:9px}.ai-check{width:15px;height:15px}.assistant-screen{height:clamp(440px,65svh,580px)}.assistant-interact-label{padding:10px 12px}.assistant-frame-top a{font-size:8px}}
@media(max-width:370px){.ai-concept-menu button{font-size:8px;padding:8px 5px}.ai-concept-content{padding:10px}.ai-output-indicator{display:none}.ai-output-grid{grid-template-columns:1fr 1fr}.ai-output-checklist>div{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ai-output.is-updated{animation:none}}