:root{--ink:#081725;--ink2:#0d2234;--paper:#f1f0e9;--paper2:#e7e6de;--cyan:#57e5e1;--coral:#ff6c52;--lime:#c8ff61;--line:rgba(8,23,37,.17);--muted:#66717a;--shell:1240px;--sans:"Manrope","Noto Sans KR",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.7;word-break:keep-all;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 48px),var(--shell));margin:auto}.grain{position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.045;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='.55'/%3E%3C/svg%3E")}.scroll-line{position:fixed;z-index:1000;left:0;top:0;width:0;height:3px;background:var(--coral)}::selection{background:var(--coral);color:#fff}
.site-header{position:fixed;z-index:100;left:0;right:0;top:0;color:#fff;border-bottom:1px solid #ffffff1f;background:#081725c7;backdrop-filter:blur(16px);transition:.3s}.site-header.scrolled{background:#081725f2}.nav-shell{height:82px;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:13px;margin-right:auto}.logo img{display:block;width:138px;height:auto}.logo span{padding-left:13px;color:#9eb0bd;border-left:1px solid #ffffff38;font:500 9px var(--mono);letter-spacing:.12em}.nav-links{display:flex;gap:30px}.nav-links a{position:relative;color:#c5d0d7;font-size:12px;font-weight:700}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--cyan);transition:.25s}.nav-links a:hover:after{right:0}.nav-call{display:flex;align-items:center;gap:10px;padding:9px 9px 9px 15px;border:1px solid #ffffff2e;border-radius:999px;font-size:10px}.nav-call b{padding:7px 12px;color:var(--ink);border-radius:99px;background:var(--cyan);font:700 11px var(--mono)}.menu-button{display:none;width:43px;height:43px;border:1px solid #ffffff2e;border-radius:50%;background:none}.menu-button i{display:block;width:17px;height:1px;margin:5px auto;background:#fff;transition:.25s}
.hero{position:relative;min-height:100svh;padding:150px 0 105px;color:#fff;background:var(--ink);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#ffffff2e 1px,transparent 1px),linear-gradient(90deg,#ffffff2e 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,#000,transparent 78%)}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.status-pill{width:max-content;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 11px;border:1px solid #ffffff2b;border-radius:99px;color:#9eb1bd;font:500 9px var(--mono)}.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 #57e5e180;animation:pulse 2s infinite}.status-pill b{padding:3px 8px;color:var(--ink);border-radius:99px;background:var(--lime);font-size:8px}.hero h1{margin:30px 0 24px;font-size:clamp(53px,6.6vw,96px);line-height:.99;letter-spacing:-.08em;font-weight:800}.hero h1 span{font-size:.6em;letter-spacing:-.06em}.hero h1 em,.section-heading em,.process-title em,.director-copy em,.price-copy em{color:var(--coral);font-style:normal}.hero-copy>p{max-width:620px;margin:0;color:#aebcc5;font-size:17px}.hero-copy>p strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:55px;padding:0 20px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:800;transition:.25s}.button span{font-size:18px}.button.primary{color:var(--ink);background:var(--cyan)}.button.secondary{color:#fff;border-color:#ffffff3d}.button:hover{transform:translateY(-3px)}.button.primary:hover{box-shadow:6px 6px 0 var(--coral)}.hero-proof{display:flex;gap:28px;margin:38px 0 0;padding:25px 0 0;border-top:1px solid #ffffff21;list-style:none}.hero-proof li{display:grid}.hero-proof b{color:#fff;font:700 18px var(--mono)}.hero-proof span{color:#768b99;font-size:10px}
.hero-stage{--mx:0px;--my:0px;position:relative;min-height:600px;border:1px solid #ffffff21;border-radius:50%;transform:translate(var(--mx),var(--my));transition:transform .15s ease-out}.hero-stage:before,.hero-stage:after{content:"";position:absolute;border:1px solid #57e5e12e;border-radius:50%}.hero-stage:before{inset:10%}.hero-stage:after{inset:27%}.stage-label{position:absolute;left:50%;top:4%;transform:translateX(-50%);color:#617886;font:500 9px var(--mono);letter-spacing:.12em}.radar{position:absolute;inset:35%;display:grid;place-items:center;border:1px solid #57e5e166;border-radius:50%;background:radial-gradient(circle,#57e5e12b,transparent 65%)}.radar:before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 65%,#57e5e133,var(--cyan));animation:radar 4s linear infinite;mask:radial-gradient(transparent 66%,#000 68%)}.radar-core{font:800 31px var(--mono);text-align:center}.radar-core small{display:block;color:#6f8996;font:500 7px var(--mono);letter-spacing:.15em}.radar-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 17px var(--coral)}.dot-a{left:14%;top:27%}.dot-b{right:18%;top:48%;background:var(--lime);box-shadow:0 0 17px var(--lime)}.dot-c{left:35%;bottom:12%;background:var(--cyan);box-shadow:0 0 17px var(--cyan)}.signal-card{position:absolute;width:205px;padding:14px;border:1px solid #ffffff2b;border-radius:7px;background:#0d2234d9;box-shadow:0 20px 60px #00000040;backdrop-filter:blur(8px)}.signal-card span{display:block;color:#69818f;font:500 8px var(--mono)}.signal-card b{display:block;margin:7px 0 10px;font-size:12px}.signal-card i{display:block;width:var(--score);height:2px;background:var(--cyan)}.signal-card small{display:block;margin-top:6px;color:#8ca0ad;font:500 8px var(--mono);text-align:right}.card-a{left:-7%;top:19%}.card-b{right:-6%;top:43%}.card-c{left:2%;bottom:9%}.stage-caption{position:absolute;right:6%;bottom:12%;display:grid;text-align:right}.stage-caption span{color:var(--coral);font:500 8px var(--mono)}.stage-caption b{font-size:13px}.hero-orbit{position:absolute;width:900px;height:900px;right:-390px;top:-420px;border:1px solid #57e5e121;border-radius:50%;animation:spin 35s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #ffffff14;border-radius:50%}.hero-orbit:before{inset:100px}.hero-orbit:after{inset:270px}.hero-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan)}.hero-orbit i:nth-child(1){left:12%;top:20%}.hero-orbit i:nth-child(2){right:8%;top:58%;background:var(--coral)}.hero-orbit i:nth-child(3){left:39%;bottom:0;background:var(--lime)}.hero-foot{position:absolute;left:0;right:0;bottom:0;height:44px;border-top:1px solid #ffffff1a;overflow:hidden}.marquee{display:flex;width:max-content;animation:marquee 25s linear infinite}.marquee span{padding:13px 0;color:#607785;font:500 9px var(--mono);letter-spacing:.13em;white-space:nowrap}
.section{padding:130px 0}.eyebrow{display:block;margin-bottom:20px;color:#66737c;font:500 10px var(--mono);letter-spacing:.14em}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:64px}.section-heading h2,.process-title h2,.director-copy h2,.price-copy h2{margin:0;font-size:clamp(39px,5vw,66px);line-height:1.09;letter-spacing:-.065em}.section-heading>p,.section-heading.split>p{margin:0;color:var(--muted);font-size:15px}.contrast-grid{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}.contrast{position:relative;min-height:410px;padding:38px;border:1px solid var(--line);background:#ffffff40}.contrast.old{opacity:.7}.contrast.new{color:#fff;border-color:var(--ink);background:var(--ink);box-shadow:14px 14px 0 var(--cyan)}.card-no{font:500 9px var(--mono);letter-spacing:.14em}.contrast h3{margin:58px 0 24px;font-size:27px;letter-spacing:-.04em}.contrast ul{display:grid;gap:12px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:14px}.contrast li:before{content:"×";display:inline-grid;width:22px;height:22px;margin-right:10px;place-items:center;border:1px solid;border-radius:50%;font:500 11px var(--mono)}.contrast.new ul{color:#afbdc5}.contrast.new li:before{content:"✓";color:var(--cyan)}.result{position:absolute;left:38px;right:38px;bottom:30px;display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line);color:#7c878e;font:500 9px var(--mono)}.contrast.new .result{border-color:#ffffff26}.contrast.new .result b{color:var(--cyan)}.switch-mark{position:relative;z-index:2;width:70px;height:70px;display:grid;place-items:center;margin:0 -1px;color:#fff;border-radius:50%;background:var(--coral);font:500 25px var(--mono)}
.services{background:var(--paper2)}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bento-card{position:relative;min-height:360px;padding:28px;border:1px solid var(--line);background:#f1f0e9a6;overflow:hidden;transition:transform .2s,border-color .2s}.bento-card.wide{grid-column:span 2;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:end}.bento-card.coral{color:#fff;border-color:var(--coral);background:var(--coral)}.bento-card.dark{color:#fff;background:var(--ink)}.bento-index{position:absolute;right:25px;top:22px;color:#8a949a;font:500 9px var(--mono)}.bento-card h3{margin:22px 0 10px;font-size:23px;letter-spacing:-.035em}.bento-card p{margin:0;color:var(--muted);font-size:13px}.bento-card.coral p,.bento-card.dark p{color:#ffffffb3}.tag{position:absolute;left:28px;bottom:22px;color:#7b858b;font:500 8px var(--mono);letter-spacing:.1em}.coral .tag{color:#ffffffb3}.line-art.browser{position:relative;height:185px;margin:25px 20px 0;border:1px solid #a7adb0}.line-art.browser:before{content:"";position:absolute;left:0;right:0;top:27px;border-top:1px solid #a7adb0}.line-art.browser i{position:relative;z-index:1;float:left;width:6px;height:6px;margin:10px 0 0 7px;border-radius:50%;background:var(--coral)}.line-art.browser b{position:absolute;inset:48px 19px 18px;background:linear-gradient(135deg,var(--ink) 0 50%,var(--cyan) 50%)}.line-art.search{height:170px;display:grid;place-items:center}.line-art.search span{position:relative;z-index:2;width:90%;padding:14px;border:1px solid var(--ink);border-radius:99px;background:var(--paper2);font-size:11px}.line-art.search span:after{content:"↗";float:right}.line-art.search i{position:absolute;width:160px;height:160px;border:1px dashed #a3a8a8;border-radius:50%;animation:spin 18s linear infinite}.pulse-chart{height:165px;display:flex;align-items:end;gap:8px;padding:25px 10px;border-bottom:1px solid #ffffff66}.pulse-chart i{flex:1;height:var(--h,40%);background:#ffffff4d;animation:bars 2s ease-in-out infinite alternate}.pulse-chart i:nth-child(2){--h:67%;animation-delay:.2s}.pulse-chart i:nth-child(3){--h:42%;animation-delay:.4s}.pulse-chart i:nth-child(4){--h:85%;animation-delay:.6s}.pulse-chart i:nth-child(5){--h:71%;animation-delay:.8s}.pulse-chart i:nth-child(6){--h:100%;background:var(--lime);animation-delay:1s}.code-lines{height:165px;display:grid;align-content:center;gap:12px}.code-lines i{height:7px;background:var(--ink);transform-origin:left;animation:code 2.4s ease infinite}.code-lines i:nth-child(1){width:70%}.code-lines i:nth-child(2){width:90%;animation-delay:.2s}.code-lines i:nth-child(3){width:55%;background:var(--coral);animation-delay:.4s}.code-lines i:nth-child(4){width:78%;animation-delay:.6s}.scope-list{display:grid;grid-template-columns:1fr 1fr;align-self:center;gap:8px}.scope-list span{padding:12px;border:1px solid #ffffff24;color:#aebbc3;font-size:11px}.scope-list span:before{content:"+";margin-right:8px;color:var(--cyan)}
.process{color:#fff;background:var(--ink)}.process-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:110px}.process-title{position:sticky;top:130px;align-self:start}.process-title .eyebrow{color:#718793}.process-title p{margin:25px 0;color:#8fa1ac;font-size:14px}.process-title>a{display:inline-flex;gap:35px;padding-bottom:8px;border-bottom:1px solid var(--cyan);color:var(--cyan);font-size:12px}.process-list{margin:0;padding:0;border-top:1px solid #ffffff26;list-style:none}.process-list li{display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:start;padding:33px 4px;border-bottom:1px solid #ffffff26}.process-list>li>span{color:var(--coral);font:500 11px var(--mono)}.process-list h3{margin:0 0 7px;font-size:21px}.process-list p{margin:0;color:#81949f;font-size:13px}.process-list b{color:#5f7480;font:500 8px var(--mono);letter-spacing:.12em}
.local{position:relative;min-height:780px;display:flex;align-items:center;overflow:hidden}.local-content{position:relative;z-index:2}.local .section-heading{width:60%;display:block}.local .section-heading p{max-width:580px;margin-top:24px}.local-map{position:absolute;width:min(52vw,760px);height:min(52vw,760px);right:-5%;top:50%;transform:translateY(-50%);border:1px solid var(--line);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 62px,#08172512 63px 64px)}.local-map:before,.local-map:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,transparent 49.9%,#0817251a 50%,transparent 50.1%)}.local-map:after{transform:rotate(90deg)}.local-map span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 clamp(56px,8vw,120px) var(--mono);letter-spacing:-.08em;opacity:.08}.local-map i{position:absolute;width:11px;height:11px;border:3px solid var(--paper);border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px var(--coral)}.local-map i:nth-of-type(1){left:25%;top:24%}.local-map i:nth-of-type(2){right:24%;top:32%}.local-map i:nth-of-type(3){left:39%;bottom:21%}.local-map i:nth-of-type(4){right:14%;bottom:34%;background:var(--cyan)}.local-map i:nth-of-type(5){left:13%;top:53%;background:var(--lime)}.districts{width:61%;display:flex;flex-wrap:wrap;gap:8px}.districts span{padding:9px 15px;border:1px solid var(--line);border-radius:99px;background:#f1f0e9c2;font-size:11px}.districts span:last-child{color:#fff;background:var(--ink)}.local-statement{width:57%;margin-top:36px;padding:24px;border-left:4px solid var(--coral);background:var(--paper2)}.local-statement b{color:#7b858b;font:500 8px var(--mono)}.local-statement p{margin:8px 0 0;font-size:14px}.local-statement span{color:var(--coral);font-weight:800}
.pricing{background:var(--paper2)}.price-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;padding:68px;color:#fff;background:var(--coral);box-shadow:18px 18px 0 var(--ink)}.price-copy p{max-width:600px;margin:25px 0 0;color:#ffffffbf;font-size:14px}.price-copy em{color:var(--ink)}.price-panel .eyebrow{color:#ffffffb3}.price-number{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right}.price-number span{font-size:12px}.price-number strong{font-size:21px}.price-number strong b{font:800 clamp(70px,9vw,120px)/1 var(--mono);letter-spacing:-.1em}.price-number small{color:#ffffffb3;font-size:10px}.price-panel ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.price-panel li{padding:13px;border:1px solid #ffffff45;font-size:11px}.price-panel li:before{content:"✓";margin-right:8px;color:var(--lime)}.button.light{align-self:end;justify-self:end;color:var(--ink);background:#fff}
.director-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.director-media{position:relative;min-height:510px;overflow:hidden;background:var(--ink)}.director-media video{width:100%;height:100%;min-height:510px;display:block;object-fit:cover;opacity:.8}.director-media:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#081725bf);pointer-events:none}.video-toggle{position:absolute;z-index:2;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);color:var(--ink);border:0;border-radius:50%;background:var(--cyan);cursor:pointer}.video-toggle span{display:block;margin-left:3px}.video-label{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff;font:500 8px var(--mono);letter-spacing:.12em}.director-copy>p{margin:28px 0;color:var(--muted);font-size:15px}.signature{display:flex;align-items:center;gap:13px;padding-top:22px;border-top:1px solid var(--line)}.signature img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top}.signature span{display:grid}.signature b{font-size:13px}.signature small{color:#7b868d;font-size:9px}.signature a{margin-left:auto;color:var(--coral);font-size:11px}
.faq{background:var(--paper2)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq .section-heading{display:block}.faq .section-heading p{margin-top:22px}.accordion{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;color:var(--ink);border:0;background:none;text-align:left;font-weight:800;cursor:pointer}.faq-item button span:before{content:"Q";margin-right:18px;color:var(--coral);font:500 10px var(--mono)}.faq-item button i{font:400 24px var(--mono);transition:.25s}.faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}.faq-item>div>p{min-height:0;overflow:hidden;margin:0;color:var(--muted);font-size:13px}.faq-item.open>div{grid-template-rows:1fr}.faq-item.open>div>p{padding:0 45px 26px}.faq-item.open button i{transform:rotate(45deg);color:var(--coral)}
.closing{position:relative;padding:130px 0;color:#fff;background:var(--ink);overflow:hidden}.closing .shell{position:relative;z-index:2}.closing .shell>span{color:var(--cyan);font:500 10px var(--mono);letter-spacing:.15em}.closing h2{margin:25px 0;font-size:clamp(45px,6.3vw,88px);line-height:1;letter-spacing:-.075em}.closing h2 em{color:var(--cyan);font-style:normal}.closing p{color:#8ba0ac}.closing .shell>div{display:flex;align-items:center;gap:30px;margin-top:35px}.closing-phone{font:600 16px var(--mono);border-bottom:1px solid #ffffff66}.closing-orbit{position:absolute;width:720px;height:720px;right:-140px;top:-270px;border:1px solid #57e5e129;border-radius:50%;box-shadow:0 0 0 100px #57e5e106,0 0 0 200px #57e5e105}
footer{padding:54px 0 95px;color:#9db0bb;background:#06111c}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-grid p{font-size:10px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 22px;font-size:10px}.footer-grid>small{grid-column:2;text-align:right;font:500 8px var(--mono)}.floating-call{position:fixed;z-index:90;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;padding:9px 9px 9px 15px;color:#fff;border-radius:99px;background:var(--coral);box-shadow:0 15px 40px #0817254d;font-size:9px}.floating-call b{padding:8px 12px;color:var(--ink);border-radius:99px;background:#fff;font:700 10px var(--mono)}
.wordmark{position:relative;color:#fff;font:800 27px/1 var(--sans);letter-spacing:-.08em}.wordmark span{display:inline;position:relative;padding:0;color:var(--cyan);border:0;font:inherit;letter-spacing:inherit}.wordmark span:after{content:"";position:absolute;width:5px;height:5px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--coral)}.code-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.28;mix-blend-mode:screen}.hero>.shell,.process>.shell,.closing>.shell{position:relative;z-index:2}
.intro{position:relative;background:radial-gradient(circle at 12% 18%,#57e5e12b,transparent 29%),radial-gradient(circle at 88% 72%,#ff6c521f,transparent 31%),linear-gradient(135deg,#f4f3ed,#e9eee9 54%,#f0e7df)}.intro:before,.services:before,.director:before,.faq:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#0817250a 1px,transparent 1px),linear-gradient(90deg,#0817250a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.intro>.shell,.services>.shell,.director>.shell,.faq>.shell{position:relative;z-index:1}
.services{position:relative;background:radial-gradient(circle at 80% 10%,#ff6c5221,transparent 25%),radial-gradient(circle at 18% 85%,#57e5e124,transparent 30%),linear-gradient(145deg,#e6e5dd,#f3eee5)}.process{position:relative;background:radial-gradient(circle at 15% 20%,#57e5e118,transparent 31%),radial-gradient(circle at 90% 78%,#ff6c521c,transparent 30%),linear-gradient(120deg,#061521,#0d293b 55%,#081725)}.process:after,.closing:after{content:"</>";position:absolute;right:3vw;bottom:-7vh;color:#ffffff08;font:800 clamp(160px,30vw,480px)/1 var(--mono);letter-spacing:-.16em;pointer-events:none}
.local{background:radial-gradient(circle at 80% 45%,#57e5e136,transparent 30%),linear-gradient(115deg,#f3f1e9,#e7ece7 50%,#efe5dc)}.pricing{position:relative;background:radial-gradient(circle at 12% 0,#57e5e137,transparent 28%),radial-gradient(circle at 90% 100%,#ff6c5230,transparent 35%),repeating-linear-gradient(135deg,#e8e7df 0 18px,#ecebe4 18px 36px)}.price-panel{background:linear-gradient(125deg,#f45e49,#ff765b 55%,#ef503e)}.director{position:relative;background:radial-gradient(circle at 5% 70%,#ff6c5221,transparent 25%),radial-gradient(circle at 95% 15%,#57e5e128,transparent 26%),linear-gradient(150deg,#f3f2eb,#e8ebe5)}.faq{position:relative;background:radial-gradient(circle at 15% 20%,#c8ff6130,transparent 23%),radial-gradient(circle at 90% 80%,#57e5e126,transparent 27%),linear-gradient(135deg,#e7e6de,#f2eee7)}
.closing{background:radial-gradient(circle at 20% 80%,#ff6c5221,transparent 32%),radial-gradient(circle at 82% 15%,#57e5e11c,transparent 27%),linear-gradient(120deg,#06131f,#0c293b 52%,#071824)}footer{background:radial-gradient(circle at 85% 0,#57e5e112,transparent 30%),repeating-linear-gradient(135deg,#06111c 0 22px,#071522 22px 44px)}footer a:hover{color:var(--cyan)}
.creon-link{display:grid;grid-template-columns:1fr auto;gap:4px 20px;margin-top:25px;padding:19px 20px;color:#fff;border:1px solid #08172526;background:linear-gradient(120deg,#081725,#103047);transition:.25s}.creon-link:hover{transform:translateY(-3px);box-shadow:7px 7px 0 var(--cyan)}.creon-link span{grid-column:1/-1;color:var(--cyan);font:500 8px var(--mono);letter-spacing:.13em}.creon-link b{font:700 16px var(--mono)}.creon-link small{align-self:center;color:#a6b7c1;font-size:9px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}.reveal.visible{opacity:1;transform:none}@keyframes pulse{70%{box-shadow:0 0 0 9px transparent}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bars{to{height:calc(var(--h,40%)*.45)}}@keyframes code{50%{transform:scaleX(.55);opacity:.45}}
@media(max-width:1050px){.nav-links{display:none}.hero-layout{grid-template-columns:1fr}.hero-stage{width:min(680px,100%);min-height:600px;margin:25px auto 0}.section-heading{grid-template-columns:1fr;gap:22px}.bento{grid-template-columns:1fr 1fr}.bento-card.wide{grid-column:span 2}.process-layout{gap:55px}.local .section-heading,.districts,.local-statement{width:65%}.price-panel{grid-template-columns:1fr}.price-number{align-items:flex-start;text-align:left}.button.light{justify-self:start}.director-grid{gap:45px}.faq-layout{gap:45px}}
@media(max-width:760px){.shell{width:min(calc(100% - 28px),var(--shell))}.nav-shell{height:68px}.logo img{width:118px}.logo span,.nav-call{display:none}.menu-button{display:block}.menu-button[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-links.open{position:fixed;top:68px;left:0;right:0;height:calc(100vh - 68px);display:flex;flex-direction:column;gap:0;padding:25px 20px;background:var(--ink)}.nav-links.open a{padding:19px 8px;border-bottom:1px solid #ffffff21;font-size:16px}.hero{padding:115px 0 80px}.hero h1{font-size:clamp(48px,15vw,72px)}.hero-copy>p{font-size:14px}.hero-proof{gap:15px}.hero-proof li{flex:1}.hero-stage{min-height:420px}.signal-card{width:165px;padding:10px}.card-a{left:-2%}.card-b{right:-2%}.card-c{left:4%}.stage-caption{display:none}.section{padding:85px 0}.section-heading{margin-bottom:42px}.section-heading h2,.process-title h2,.director-copy h2,.price-copy h2{font-size:clamp(36px,11vw,52px)}.contrast-grid{grid-template-columns:1fr;gap:10px}.contrast{min-height:350px;padding:27px}.switch-mark{width:54px;height:54px;margin:-16px auto;transform:rotate(90deg)}.result{left:27px;right:27px}.bento{grid-template-columns:1fr}.bento-card,.bento-card.wide{grid-column:auto;display:block;min-height:340px}.bento-card.wide.dark{padding-bottom:70px}.process-layout{grid-template-columns:1fr}.process-title{position:static}.process-list li{grid-template-columns:40px 1fr}.process-list li>b{display:none}.local{min-height:850px;align-items:start}.local .section-heading,.districts,.local-statement{width:100%}.local-map{width:580px;height:580px;right:-300px;top:auto;bottom:-190px;transform:none;opacity:.6}.local-content{padding-bottom:300px}.price-panel{padding:35px 25px;box-shadow:8px 8px 0 var(--ink)}.price-panel ul{grid-template-columns:1fr 1fr}.price-number strong b{font-size:74px}.director-grid,.faq-layout{grid-template-columns:1fr}.director-media,.director-media video{min-height:400px}.faq .section-heading{margin-bottom:5px}.closing{padding:90px 0}.closing .shell>div{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-grid>small{grid-column:auto;text-align:left}.floating-call{left:14px;right:14px;bottom:12px;justify-content:space-between}}
@media(max-width:450px){.hero-actions .button{width:100%}.hero-proof b{font-size:15px}.hero-stage{min-height:360px}.signal-card{width:145px}.signal-card b{font-size:10px}.scope-list{margin-top:45px}.price-panel ul{grid-template-columns:1fr}.signature{align-items:flex-start;flex-wrap:wrap}.signature a{width:100%;margin:5px 0 0 69px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:760px){.logo .wordmark span{display:inline}.code-canvas{opacity:.18}.creon-link{grid-template-columns:1fr}.creon-link span,.creon-link small{grid-column:1}}
.hero{padding-top:132px;background:radial-gradient(circle at 76% 34%,#16415b 0,transparent 29%),radial-gradient(circle at 18% 78%,#ff6c5212 0,transparent 26%),linear-gradient(118deg,#06131f 0,#0a2030 55%,#071722 100%)}.hero-layout{grid-template-columns:minmax(430px,.86fr) minmax(560px,1.14fr);gap:clamp(45px,5vw,90px)}.hero-copy{position:relative;z-index:4}.hero-copy:before{content:"01";position:absolute;left:-42px;top:120px;color:#ffffff0a;font:800 180px/1 var(--mono);pointer-events:none}.hero h1{font-size:clamp(59px,6.1vw,91px)}.hero-copy>p{max-width:540px}.hero-actions .button{min-width:180px}.hero-proof{max-width:560px}
.hero-showcase{position:relative;min-height:660px;padding:44px 0 0}.hero-showcase:before{content:"";position:absolute;left:-28px;right:34px;top:15px;bottom:54px;border:1px solid #ffffff1f;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%)}.showcase-head{position:absolute;z-index:5;left:-8px;right:15px;top:0;display:flex;justify-content:space-between;color:#758e9d;font:500 8px var(--mono);letter-spacing:.14em}.showcase-head span{display:flex;align-items:center;gap:8px}.showcase-head i{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 10px var(--coral);animation:pulse 1.7s infinite}.showcase-head b{color:#c5d5de;font-weight:500}
.showcase-frame{position:absolute;z-index:2;left:24px;right:0;top:44px;height:510px;overflow:hidden;clip-path:polygon(0 0,91% 0,100% 11%,100% 100%,0 100%);background:#02080c;box-shadow:0 40px 100px #0009}.showcase-frame:before{content:"";position:absolute;z-index:3;inset:0;border:1px solid #ffffff2b;clip-path:inherit;pointer-events:none}.showcase-frame video{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(1.08);transform:scale(1.015)}.video-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06131f47,transparent 45%),linear-gradient(0deg,#06131fd9,transparent 45%);pointer-events:none}.video-caption{position:absolute;z-index:3;left:24px;right:24px;bottom:18px;display:flex;align-items:center;gap:18px;color:#c2d0d8;font:500 8px var(--mono);letter-spacing:.12em}.video-caption span{padding-left:11px;border-left:2px solid var(--cyan)}.video-caption b{margin-left:auto;color:#fff;font-size:9px}
.showcase-console{position:absolute;z-index:6;left:-42px;bottom:0;width:min(430px,72%);overflow:hidden;border:1px solid #ffffff29;border-radius:3px;background:#07131cf0;box-shadow:18px 22px 55px #0008;backdrop-filter:blur(14px)}.console-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid #ffffff17}.console-bar i{width:6px;height:6px;border-radius:50%;background:var(--coral)}.console-bar i:nth-child(2){background:#ffc857}.console-bar i:nth-child(3){background:var(--cyan)}.console-bar span{margin-left:7px;color:#657e8c;font:500 7px var(--mono)}.console-code{padding:15px 17px 16px}.console-code p{margin:0;color:#aab8c1;font:500 9px/1.85 var(--mono);white-space:nowrap}.console-code p b{display:inline-block;width:24px;color:#405866;font-weight:400}.console-code .pink{color:#ff876f}.console-code .cyan{color:#68ebe5}.console-code .lime{color:#c8ff61}.console-code .typing i{display:inline-block;width:6px;height:12px;margin-left:3px;vertical-align:-2px;background:var(--cyan);animation:cursorBlink .8s steps(1) infinite}
.showcase-index{position:absolute;z-index:5;right:-27px;bottom:21px;width:128px;padding:16px;color:#d3dee4;border:1px solid #ffffff29;background:#0c2638e8;backdrop-filter:blur(12px)}.showcase-index>span{display:block;color:#6e8796;font:500 7px/1.5 var(--mono);letter-spacing:.12em}.showcase-index strong{display:block;margin:7px 0;color:#fff;font:700 25px var(--mono)}.showcase-index small{color:#688391;font-size:8px}.showcase-index>i{display:block;width:25%;height:2px;background:var(--coral);animation:indexLoad 5s ease-in-out infinite}
.bento-card{box-shadow:0 1px 0 #fff8 inset}.bento-card:hover{border-color:#0817254d}.section-heading h2{max-width:760px}.contrast.new{background:radial-gradient(circle at 80% 12%,#57e5e12b,transparent 28%),linear-gradient(140deg,#081725,#102c40)}.price-panel{position:relative;overflow:hidden}.price-panel:after{content:"ATOM";position:absolute;right:-20px;bottom:-66px;color:#ffffff12;font:800 150px/1 var(--mono);letter-spacing:-.09em}
@keyframes cursorBlink{50%{opacity:0}}@keyframes indexLoad{0%{width:20%}50%{width:100%}100%{width:20%}}
@media(max-width:1180px){.hero-layout{grid-template-columns:.9fr 1.1fr;gap:34px}.hero-showcase{min-height:610px}.showcase-frame{height:470px}.showcase-console{left:-15px}.showcase-index{right:-8px}}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-showcase{width:min(780px,100%);min-height:650px;margin:10px auto 0}.showcase-frame{height:520px}.hero-copy:before{display:none}}
@media(max-width:760px){.hero{padding-top:105px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-showcase{min-height:545px;padding-top:34px}.hero-showcase:before{left:0;right:10px;bottom:70px}.showcase-head{left:8px}.showcase-frame{left:10px;height:390px;clip-path:polygon(0 0,90% 0,100% 9%,100% 100%,0 100%)}.showcase-console{left:0;bottom:12px;width:88%}.showcase-index{right:0;bottom:0;width:94px;padding:12px}.showcase-index strong{font-size:18px}.video-caption{left:15px;right:15px;gap:8px}.video-caption span{font-size:6px}.showcase-frame video{object-position:center}.hero-proof{margin-top:29px}}
@media(max-width:450px){.hero-showcase{min-height:480px}.showcase-frame{height:335px}.showcase-console{width:94%}.console-code{padding:12px}.console-code p{font-size:7px}.showcase-index{display:none}}
.portrait-feature img{width:100%;height:100%;min-height:510px;display:block;object-fit:cover;object-position:center 12%;filter:saturate(.82) contrast(1.04)}.portrait-feature:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,transparent 55%,#0817253d),linear-gradient(0deg,#081725e6,transparent 48%);pointer-events:none}.portrait-stamp{position:absolute;z-index:3;right:20px;top:20px;padding:17px 18px;color:#fff;border:1px solid #ffffff59;background:#081725a8;backdrop-filter:blur(10px);text-align:right}.portrait-stamp span{display:block;margin-bottom:8px;color:var(--cyan);font:500 7px var(--mono);letter-spacing:.12em}.portrait-stamp b{font:600 12px/1.45 var(--mono)}@media(max-width:760px){.portrait-feature img{min-height:400px}}
.visual-journal{position:relative;background:radial-gradient(circle at 90% 10%,#57e5e121,transparent 27%),linear-gradient(145deg,#091926,#102d40 60%,#091824);color:#fff;overflow:hidden}.visual-journal:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:72px 72px}.visual-journal .shell{position:relative;z-index:1}.journal-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:70px}.journal-head .eyebrow{grid-column:1/-1;margin:0;color:var(--cyan)}.journal-head h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.065em}.journal-head h2 em{color:var(--coral);font-style:normal}.journal-head>p{max-width:440px;margin:0;color:#92a6b2;font-size:14px}.journal-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:68px 22px}.journal-photo{margin:0}.journal-photo.city{grid-row:span 2}.journal-photo.local-business{width:84%;margin-left:auto}.photo-wrap{position:relative;overflow:hidden;background:#06111c}.photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06131f99,transparent 45%);pointer-events:none}.journal-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(1.04);transition:transform 1s cubic-bezier(.2,.75,.25,1),filter .6s}.journal-photo:hover img{transform:scale(1.035);filter:saturate(.95) contrast(1.03)}.city .photo-wrap{height:720px}.studio .photo-wrap{height:340px}.local-business .photo-wrap{height:410px}.photo-wrap>span{position:absolute;z-index:2;left:18px;bottom:15px;color:#fff;font:500 8px var(--mono);letter-spacing:.14em}.photo-wrap>span:before{content:"";display:inline-block;width:22px;height:2px;margin-right:9px;vertical-align:middle;background:var(--coral)}.journal-photo figcaption{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding:20px 2px 0;border-top:1px solid #ffffff26}.journal-photo figcaption b{font-size:15px}.journal-photo figcaption p{margin:0;color:#8298a5;font-size:11px}.studio figcaption,.local-business figcaption{grid-template-columns:1fr}.studio figcaption p,.local-business figcaption p{margin-top:-14px;padding-left:42%}
@media(max-width:900px){.journal-head{grid-template-columns:1fr;gap:20px}.journal-grid{grid-template-columns:1fr;gap:45px}.journal-photo.city{grid-row:auto}.journal-photo.local-business{width:100%}.city .photo-wrap{height:520px}.studio .photo-wrap,.local-business .photo-wrap{height:430px}.studio figcaption,.local-business figcaption{grid-template-columns:.8fr 1.2fr}.studio figcaption p,.local-business figcaption p{margin:0;padding:0}}
@media(max-width:560px){.journal-head{margin-bottom:42px}.journal-photo figcaption,.studio figcaption,.local-business figcaption{grid-template-columns:1fr;gap:7px}.city .photo-wrap,.studio .photo-wrap,.local-business .photo-wrap{height:360px}}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.section{border-top:1px solid #0817250d}.nav-links a.current{color:#fff}.nav-links a.current:after{right:0}.nav-links a.current:before{content:"";position:absolute;width:4px;height:4px;left:-10px;top:50%;border-radius:50%;background:var(--coral);box-shadow:0 0 8px var(--coral)}
.hero-rail{position:absolute;z-index:4;left:18px;top:115px;bottom:85px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#5e7685;font:500 7px var(--mono);letter-spacing:.13em;writing-mode:vertical-rl}.hero-rail i{width:1px;flex:1;margin:16px 0;background:linear-gradient(transparent,#ffffff2d,transparent)}.hero-rail b{color:#8ba0ac;font-weight:500;line-height:1.7}.hero-showcase:after{content:"";position:absolute;z-index:1;width:60%;height:48%;right:-8%;top:18%;border-radius:50%;background:#57e5e114;filter:blur(60px);pointer-events:none}
.manifesto-band{position:relative;height:142px;display:flex;align-items:center;color:#fff;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:linear-gradient(90deg,#071722,#0e2b3d 45%,#091b28);overflow:hidden}.manifesto-band:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#081725 0,transparent 8% 92%,#081725 100%)}.manifesto-track{display:flex;align-items:center;width:max-content;animation:manifestoMove 24s linear infinite}.manifesto-track span{padding:0 28px;font:800 clamp(34px,5vw,66px)/1 var(--sans);letter-spacing:-.06em;color:#f0f0e9}.manifesto-track i{color:var(--coral);font:400 26px var(--mono)}@keyframes manifestoMove{to{transform:translateX(-50%)}}
.visual-cursor{position:fixed;z-index:10000;left:0;top:0;width:68px;height:68px;display:grid;place-items:center;opacity:0;color:var(--ink);border-radius:50%;background:var(--cyan);pointer-events:none;font:700 8px var(--mono);letter-spacing:.12em;transition:opacity .2s,transform .08s linear;mix-blend-mode:normal}.visual-cursor.show{opacity:1}.photo-wrap{cursor:none}.photo-wrap:before{content:"";position:absolute;z-index:3;inset:14px;border:1px solid #ffffff00;transition:border-color .4s;pointer-events:none}.photo-wrap:hover:before{border-color:#ffffff5c}
.bento-card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border:1px solid #08172514;border-radius:50%;box-shadow:0 0 0 34px #08172508,0 0 0 68px #08172505;transition:transform .6s}.bento-card:hover:before{transform:scale(1.15)}.bento-card.coral:before,.bento-card.dark:before{border-color:#ffffff1c;box-shadow:0 0 0 34px #ffffff0a,0 0 0 68px #ffffff06}.process-list li{position:relative;transition:padding-left .3s,background .3s}.process-list li:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;transform:scaleY(0);background:var(--cyan);transition:transform .3s}.process-list li:hover{padding-left:16px;background:#ffffff05}.process-list li:hover:after{transform:scaleY(1)}.districts span{transition:.25s}.districts span:hover{color:#fff;border-color:var(--coral);background:var(--coral);transform:translateY(-2px)}.faq-item{transition:background .25s,padding .25s}.faq-item:hover{padding:0 15px;background:#ffffff5c}.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;width:90px;height:140%;left:-120px;top:-20%;transform:skewX(-20deg);background:#ffffff42;transition:left .55s}.button:hover:after{left:120%}
@media(max-width:1320px){.hero-rail{display:none}}@media(max-width:760px){.manifesto-band{height:98px}.manifesto-track span{padding:0 18px;font-size:36px}.visual-cursor{display:none}.photo-wrap{cursor:auto}.faq-item:hover{padding:0 5px}}
@media(prefers-reduced-motion:reduce){.manifesto-track{animation:none}.visual-cursor{display:none}}
.action-lab{--gallery-x:0px;--gallery-y:0px;position:relative;min-height:900px;display:flex;align-items:center;color:#fff;background:#06111c;overflow:hidden;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.action-gallery,.action-gallery img,.action-shade,.action-scan{position:absolute;inset:0}.action-gallery{overflow:hidden}.action-gallery img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.09) translate(var(--gallery-x),var(--gallery-y));filter:saturate(.7) contrast(1.08);transition:opacity 1.4s ease,transform 4.8s linear}.action-gallery img.active{opacity:1;transform:scale(1.025) translate(var(--gallery-x),var(--gallery-y))}.action-shade{z-index:1;background:linear-gradient(90deg,#06131ff5 0,#071724dc 38%,#06131f6b 68%,#06131fc9 100%),linear-gradient(0deg,#06111ced,transparent 45%,#06111fa8),radial-gradient(circle at 73% 46%,transparent 0,#06111f4d 48%,#06111fd1 100%)}.action-shade:after{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.action-scan{z-index:2;left:0;right:0;top:-10%;bottom:auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 26px #57e5e1b8,0 80px 110px #57e5e10f;animation:actionScan 7s linear infinite;pointer-events:none}.action-layout{position:relative;z-index:3;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(60px,8vw,130px);align-items:center;padding-top:130px;padding-bottom:130px}.action-live{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;color:var(--cyan);border:1px solid #57e5e14d;background:#06131f8c;font:500 8px var(--mono);letter-spacing:.13em}.action-live i{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 11px var(--coral);animation:pulse 1.6s infinite}.action-copy h2{margin:27px 0 25px;font-size:clamp(50px,6vw,82px);line-height:1.01;letter-spacing:-.075em}.action-copy h2 em{color:var(--coral);font-style:normal}.action-copy>p{max-width:530px;margin:0;color:#a8b7c0;font-size:14px}.action-count{display:flex;align-items:center;gap:9px;margin-top:48px}.action-count>b{color:#fff;font:700 34px var(--mono)}.action-count>span{color:#718793;font:500 10px var(--mono)}.action-count>i{width:190px;height:2px;margin-left:15px;overflow:hidden;background:#ffffff26}.action-count u{display:block;width:100%;height:100%;transform-origin:left;background:var(--coral);text-decoration:none}
.build-terminal{border:1px solid #ffffff2e;background:#07131ee8;box-shadow:0 45px 120px #000b;backdrop-filter:blur(18px);transform:perspective(1200px) rotateY(-2deg)}.build-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #ffffff1c;color:#748996;font:500 8px var(--mono);letter-spacing:.08em}.build-top>span{display:flex;align-items:center;gap:6px}.build-top i{width:7px;height:7px;border-radius:50%;background:var(--coral)}.build-top i:nth-child(2){background:#ffc857}.build-top i:nth-child(3){margin-right:7px;background:var(--cyan)}.build-top>b{padding:5px 8px;color:var(--lime);border:1px solid #c8ff6142;background:#c8ff610c;font-size:7px}.build-code{padding:32px 30px 26px}.build-code p{margin:0;color:#b5c1c8;font:500 11px/2.15 var(--mono);white-space:nowrap}.build-code p>span{display:inline-block;width:31px;color:#435b69}.build-code em{color:#69e9e3;font-style:normal}.build-code .purple{color:#bca7ff}.build-code .blue{color:#6fc9ff}.build-command>b{color:#f2f5f6;font-weight:500}.build-command>i{display:inline-block;width:7px;height:14px;margin-left:5px;vertical-align:-2px;background:var(--cyan);animation:cursorBlink .8s steps(1) infinite}.build-output{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px;padding:13px 14px;border:1px solid #57e5e12e;background:#57e5e108}.build-output span{color:#5f7785;font:500 7px var(--mono)}.build-output strong{color:var(--cyan);font:600 8px var(--mono);letter-spacing:.08em}.build-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1c;background:#ffffff12}.build-metrics>div{padding:17px;border-right:1px solid #ffffff1c;background:#07131ec9}.build-metrics>div:last-child{border:0}.build-metrics span{display:block;color:#637986;font:500 7px var(--mono)}.build-metrics b{display:block;margin:7px 0;color:#fff;font:600 15px var(--mono)}.build-metrics i{display:block;height:2px;background:#ffffff1c}.build-metrics u{display:block;width:var(--value);height:100%;transform:scaleX(0);transform-origin:left;background:var(--cyan);animation:metricLoad 1.8s .4s ease forwards;text-decoration:none}
.action-thumbs{position:absolute;z-index:4;right:24px;bottom:24px;display:flex;gap:6px}.action-thumbs button{width:29px;height:3px;padding:0;border:0;background:#ffffff45;cursor:pointer;transition:.3s}.action-thumbs button.active{width:58px;background:var(--coral)}@keyframes actionScan{to{top:110%}}@keyframes metricLoad{to{transform:scaleX(1)}}
@media(max-width:950px){.action-lab{min-height:980px}.action-layout{grid-template-columns:1fr;gap:60px}.action-copy{max-width:720px}.build-terminal{max-width:720px;transform:none}.action-shade{background:linear-gradient(0deg,#06131ff5 0,#071724d9 64%,#06131f7d),radial-gradient(circle at 70% 20%,transparent,#06111fc7 70%)}}
@media(max-width:600px){.action-lab{min-height:920px}.action-layout{padding-top:90px;padding-bottom:110px;gap:45px}.action-copy h2{font-size:clamp(43px,13vw,60px)}.action-count{margin-top:30px}.action-count>i{flex:1}.build-code{padding:22px 15px}.build-code p{font-size:8px;overflow:hidden}.build-output{align-items:flex-start;flex-direction:column;gap:6px}.build-metrics>div{padding:12px 8px}.build-metrics span{font-size:5px}.build-metrics b{font-size:12px}.action-thumbs{left:14px;right:14px;justify-content:center}.action-thumbs button{flex:1;max-width:35px}.action-thumbs button.active{max-width:60px}}
@media(prefers-reduced-motion:reduce){.action-gallery img,.action-gallery img.active{transform:scale(1.03)}.action-scan{display:none}.build-metrics u{transform:scaleX(1);animation:none}}
.iso-band{height:122px;background:linear-gradient(90deg,#071722,#11364a 48%,#071722)}.iso-band .manifesto-track span{font-size:clamp(25px,3.2vw,46px);letter-spacing:-.045em}.iso-band .manifesto-track i{color:var(--cyan);font-size:17px}.iso-band:before{content:"CERTIFIED MANAGEMENT SYSTEM";position:absolute;z-index:2;left:22px;top:9px;color:#ffffff4d;font:500 7px var(--mono);letter-spacing:.18em}@media(max-width:760px){.iso-band{height:90px}.iso-band .manifesto-track span{font-size:28px}}
@media(max-width:760px){.logo .wordmark span{display:inline}.code-canvas{opacity:.18}.creon-link{grid-template-columns:1fr}.creon-link span,.creon-link small{grid-column:1}}

/* 2026-09 SEO/content refresh: natural-language presentation and original photography */
.showcase-photo{margin:12px 0 0;border:1px solid #ffffff24;background:#0d2130;overflow:hidden}
.showcase-photo img{width:100%;height:210px;display:block;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.showcase-photo figcaption{display:grid;gap:4px;padding:15px 17px;color:#fff}
.showcase-photo figcaption b{font-size:13px}
.showcase-photo figcaption span{color:#9fb0ba;font-size:11px}
.quality-list{height:165px;display:grid;align-content:center;gap:9px}
.quality-list i{display:block;padding:11px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);font-style:normal;font-size:11px}
.field-gallery{background:#f6f4ed}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field-card{position:relative;min-height:390px;margin:0;background:#fff;overflow:hidden}
.field-card.field-wide{grid-column:span 2;min-height:520px}
.field-card img{width:100%;height:100%;min-height:390px;display:block;object-fit:cover;filter:saturate(.86) contrast(1.03);transition:transform .6s ease}
.field-card.field-wide img{min-height:520px}
.field-card:hover img{transform:scale(1.025)}
.field-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#071521d9)}
.field-card figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;display:grid;gap:5px;color:#fff}
.field-card figcaption b{font-size:19px}
.field-card figcaption span{max-width:560px;color:#dbe2e6;font-size:12px}
@media(max-width:760px){
  .showcase-photo img{height:180px}
  .field-grid{grid-template-columns:1fr}
  .field-card,.field-card.field-wide{grid-column:auto;min-height:360px}
  .field-card img,.field-card.field-wide img{min-height:360px}
}