@charset "UTF-8";
:root{--bg:#080b10;--paper:#e8e4d9;--ink:#eff0e9;--muted:#a6abb3;--gold:#e5a66d;--acid:#d4f063;--line:rgba(235,237,233,.17);--display:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--body:Inter,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--acid);color:var(--bg)}
.skip-link{position:absolute;top:-100px;left:16px;z-index:20;background:var(--acid);color:#111;padding:12px 16px}.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
.topline{height:29px;padding:0 4.4%;display:flex;align-items:center;gap:9px;color:#d8daca;border-bottom:1px solid rgba(255,255,255,.11);background:#151923;font:700 9px/1 var(--body);letter-spacing:.18em}
.topline-right{margin-left:auto;color:#8a939d}.signal{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--acid);box-shadow:0 0 14px rgba(212,240,99,.65)}
.site-header{height:82px;padding:0 4.4%;display:flex;align-items:center;position:relative;z-index:5;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:13px;font-size:24px;font-weight:900;letter-spacing:-.09em;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}
.brand-period{color:var(--gold)}
.brand-symbol{position:relative;display:inline-block;width:29px;height:30px;border:2px solid var(--ink);clip-path:polygon(50% 0,100% 87%,89% 100%,8% 100%,0 87%)}
.brand-symbol i{position:absolute;display:block;width:16px;height:4px;top:12px;left:5px;transform:rotate(-54deg);background:var(--gold)}
.brand-symbol b{position:absolute;display:block;width:9px;height:9px;right:0;bottom:0;background:var(--acid)}
.main-nav{display:flex;align-items:center;gap:39px;margin:auto;color:#b9bec7;font-size:12px;font-weight:650}
.main-nav a,.text-link,.dark-link,.footer-bottom a{transition:color .2s}
.main-nav a:hover,.text-link:hover,.footer-bottom a:hover{color:var(--acid)}
.header-cta{font-size:11px;font-weight:850;letter-spacing:.1em;border:1px solid #7d858e;padding:14px 16px;transition:background .2s,color .2s}
.header-cta:hover{background:var(--ink);color:var(--bg)}.header-cta span{margin-left:21px;color:var(--gold)}
.hero{position:relative;min-height:750px;height:calc(100svh - 111px);max-height:1000px;display:grid;grid-template-columns:58% 42%;overflow:hidden;background:radial-gradient(ellipse at 85% 37%,#18222c 0%,transparent 52%),linear-gradient(120deg,#0c1016,#080b10 70%);border-bottom:1px solid var(--line)}
.hero-grain{pointer-events:none;position:absolute;inset:0;z-index:3;opacity:.22;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='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.10' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:4;padding:clamp(85px,10vh,145px) 0 95px 7.6%;max-width:970px}
.eyebrow,.small-kicker{display:flex;align-items:center;gap:12px;color:var(--acid);font-size:10px;letter-spacing:.18em;font-weight:800}
.eyebrow .line{width:28px;height:1px;background:var(--acid)}
.tag{border:1px solid rgba(212,240,99,.5);padding:6px 8px;margin-left:8px;letter-spacing:.08em}
h1,h2,h3,p{margin-top:0}
.hero h1{position:relative;z-index:1;font-family:var(--display);font-stretch:condensed;font-size:clamp(63px,6.95vw,126px);font-weight:900;line-height:.99;letter-spacing:-.09em;margin:38px 0 34px;white-space:nowrap}
.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:var(--gold)}
.hero h1 em{font-size:.99em}.dot{color:var(--acid)}
.hero-lead{color:#c0c4c7;max-width:535px;font-size:clamp(15px,1.26vw,19px);line-height:1.7;letter-spacing:-.015em}
.hero-actions{display:flex;gap:32px;align-items:center;margin-top:33px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;min-width:169px;border:none;padding:17px 22px;font-weight:850;font-size:12px;letter-spacing:.015em;cursor:pointer;transition:transform .25s,background .25s,color .25s}
.button span{font-size:19px}.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--acid);color:#14190a}.button-primary:hover{background:#f2ffa7}
.text-link{font-size:12px;font-weight:750;border-bottom:1px solid #7d8790;padding:12px 0}.text-link span{padding-left:15px;color:var(--gold)}
.hero-caption{display:flex;align-items:center;gap:10px;color:#87919a;font-size:11px;margin-top:27px}
.hero-caption .signal{height:6px;width:6px}
.hero-bottom{position:absolute;bottom:26px;left:4.4%;right:4.4%;z-index:4;display:flex;justify-content:space-between;color:#8c9297;font-size:9px;letter-spacing:.19em;font-weight:700}
.scroll-hint span{color:var(--acid);font-size:17px;vertical-align:middle;margin-left:12px}
.hero-visual{position:relative;margin-left:-80px;isolation:isolate;transform:translateY(0);perspective:1100px}
.visual-glow{position:absolute;inset:12% -15% 6% -12%;border-radius:50%;background:radial-gradient(ellipse at 60% 50%,rgba(227,143,75,.33),rgba(115,139,147,.11) 28%,transparent 64%);filter:blur(40px)}
.visual-grid{position:absolute;inset:-40%;opacity:.13;transform:rotateX(69deg) rotateZ(-37deg) translateY(60px);background-size:48px 48px;background-image:linear-gradient(90deg,#90a9b4 1px,transparent 1px),linear-gradient(#90a9b4 1px,transparent 1px)}
.visual-orbit{position:absolute;border:1px solid rgba(222,161,97,.19);border-radius:50%;aspect-ratio:1/1;transform:rotate(-34deg) rotateX(62deg);top:17%;left:3%;width:85%}
.orbit-two{top:5%;left:15%;width:99%;border-color:rgba(192,211,201,.12);transform:rotate(28deg) rotateY(55deg)}
.artifact{position:absolute;transform-style:preserve-3d;box-shadow:22px 25px 90px #0009}
.artifact-back{top:24%;left:4%;width:45%;height:40%;background:linear-gradient(130deg,rgba(72,90,95,.35),rgba(16,25,30,.93));border:1px solid rgba(203,224,224,.29);transform:rotateY(-24deg) rotateX(6deg) rotateZ(-9deg)}
.artifact-mini{display:block;padding:18px;color:#e5c4a2;font:800 10px monospace}
.artifact-lines{display:grid;gap:16px;margin:30px}.artifact-lines i{height:4px;width:80%;display:block;background:#64747b}.artifact-lines i:nth-child(2){width:52%}.artifact-lines i:nth-child(3){width:70%}
.artifact-mid{width:62%;height:56%;top:21%;left:29%;background:linear-gradient(152deg,rgba(62,80,87,.8),rgba(4,8,12,.94) 56%,#312319);border:1px solid rgba(218,232,236,.38);transform:rotateY(-15deg) rotateX(7deg) rotateZ(2deg);box-shadow:0 0 0 1px #ffffff12 inset,-24px 25px 105px #000b}
.artifact-mid:before{content:"";position:absolute;inset:10px;border:1px solid rgba(227,173,110,.1)}
.artifact-header{padding:23px 28px;border-bottom:1px solid rgba(221,224,225,.16);color:#aabdc1;font:700 9px var(--body);letter-spacing:.18em}.small-led{background:var(--acid);display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px}
.artifact-core{height:67%;display:flex;align-items:center;justify-content:center;gap:14px}.core-bracket{font:100 130px/.8 Georgia;color:#c4a78a;text-shadow:0 0 30px #e6a66a66}.core-shape{width:120px;height:130px;position:relative;transform:rotate(-22deg)}.core-shape span{position:absolute;left:50%;top:50%;border:1px solid #ecc295;box-shadow:inset 0 0 29px #e3a86a4d,0 0 18px #e8a76c55;background:linear-gradient(120deg,#ffffff13,transparent);width:90px;height:90px;transform:translate(-50%,-50%) rotate(45deg)}.core-shape span:nth-child(2){width:65px;height:65px;transform:translate(-50%,-50%) rotate(12deg)}.core-shape span:nth-child(3){width:37px;height:37px;transform:translate(-50%,-50%) rotate(45deg);background:var(--gold)}
.artifact-label{font-size:10px;letter-spacing:.18em;color:#d5d1c6;display:block;text-align:center}.artifact-label b{color:var(--acid)}
.artifact-front{left:7%;top:65%;width:49%;min-height:108px;padding:22px;display:flex;gap:17px;align-items:center;border:1px solid #bad2948a;background:linear-gradient(145deg,#17221c,#0a0f10);transform:rotateY(-19deg) rotateX(8deg) rotateZ(-5deg);box-shadow:0 15px 60px #000a}.artifact-front strong{display:block;letter-spacing:.13em;font-size:20px;margin-top:5px}.artifact-front small{font-size:9px;letter-spacing:.16em;color:#9ba7a6}.verified-icon{border:1px solid var(--acid);color:var(--acid);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:24px}
.star-point{position:absolute;width:5px;height:5px;background:#fbd29d;box-shadow:0 0 26px 4px #ffa751aa;transform:rotate(45deg)}.star-a{top:18%;left:67%}.star-b{top:65%;left:94%}
.section-shell{padding:95px 7.4% 112px;max-width:1800px;margin:auto}
.section-marker{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:800;color:#828c96;padding-bottom:22px;border-bottom:1px solid var(--line)}
.section-marker span:first-child{color:var(--acid)}
.manifesto{padding-top:100px}.manifesto-layout{display:grid;grid-template-columns:1.1fr .7fr;gap:7vw;padding:70px 0 64px;align-items:end}
.manifesto h2,.section-heading-row h2,.principles h2,.book-copy h2,.end-section h2{font-size:clamp(47px,5.5vw,90px);font-family:var(--display);letter-spacing:-.082em;line-height:1.04;margin:19px 0 0}
.manifesto h2 span{color:#7f8791}.manifesto-description{padding-bottom:10px}.manifesto-description p{font-size:16px;line-height:1.85;color:#bac0c4}.handwritten{font:italic 20px Georgia,serif;transform:rotate(-2deg);color:var(--gold);margin:30px 0 5px}
.comparison{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center}
.compare-side{min-height:279px;padding:29px 32px 25px;border:1px solid var(--line);display:flex;flex-direction:column}
.compare-before{background:#12171e}.compare-after{border-color:rgba(212,240,99,.45);background:linear-gradient(135deg,#17211b,#151a1c)}
.compare-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#a0a9b1;display:flex;align-items:center;gap:11px}
.circle-muted{width:7px;height:7px;border-radius:50%;background:#636d72}.compare-icon{color:#6a7781;font:italic 64px Georgia;text-align:right;height:65px}
.compare-after .compare-icon{color:var(--acid);font:300 52px var(--body)}
.compare-side p{font-size:clamp(17px,2vw,24px);font-weight:700;line-height:1.45;max-width:410px;letter-spacing:-.035em;margin:0 0 32px}.compare-end{font-size:10px;color:#929da6;letter-spacing:.12em;margin-top:auto}.compare-after .compare-end{color:var(--acid)}
.compare-center{text-align:center;font-weight:900;font-size:11px;color:#7e8690}
.process{padding-top:70px}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:48px 0 60px}.section-heading-row h2{margin:0}.section-heading-row p{max-width:310px;color:#aab1b8;line-height:1.8;margin:0 0 5px}
.process-rail{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.process-item{padding:27px 28px 35px;min-width:0;position:relative}.process-item+.process-item{border-left:1px solid var(--line)}
.process-num{font-size:11px;color:var(--gold);letter-spacing:.16em}
.process-art{height:194px;margin:25px 0 28px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#2a3033,#131820 66%)}
.step-idea span{border:1px solid #8c9aa2;background:#0f141ae8;color:#f1eee8;padding:22px 25px;transform:rotate(-7deg);font:italic 23px Georgia;box-shadow:15px 15px 0 #a3bdb51a}
.step-idea b{position:absolute;right:25%;top:26%;font-size:40px;color:var(--acid)}
.step-plan{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.plan-line{width:66%;height:13px;border-bottom:1px solid #7d8a89;background:linear-gradient(90deg,var(--acid) 0 14px,transparent 14px)}.plan-line:nth-child(2){width:57%}.plan-line:nth-child(3){width:46%}.plan-cursor{position:absolute;bottom:25px;right:23%;display:grid;place-items:center;width:32px;height:32px;color:#101916;background:var(--acid)}
.proof-sun{font-size:125px;color:var(--gold);text-shadow:0 0 50px #eaa9766b;line-height:1}.proof-label{position:absolute;bottom:15px;font-size:9px;letter-spacing:.2em;color:#c9bdab}
.process-item h3{font-size:21px;letter-spacing:-.04em}.process-item p{color:#aab2b6;line-height:1.7;font-size:14px;max-width:325px}
.demo{margin-top:30px;border:1px solid #a5b88855;background:#161e1c;padding:35px 36px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 30px;align-items:center}
.demo-label,.demo-step{font-size:10px;letter-spacing:.16em;color:var(--acid);font-weight:800}
.demo h3{font-size:23px;margin:15px 0 7px}.demo p{color:#bec3bc;line-height:1.6;font-size:14px}.demo-actions{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.button-outline{background:transparent;color:var(--ink);border:1px solid #84917b}.button-outline:hover{background:var(--acid);color:#0f1812}
.demo .demo-disclaimer{grid-column:1/-1;padding-top:18px;margin-top:10px;border-top:1px solid var(--line);font-size:11px;color:#89938a;margin-bottom:0}
.usecases{padding-top:68px}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.feature{border:1px solid var(--line);padding:25px 30px 32px;background:#11171e;position:relative;min-height:355px;overflow:hidden}.feature-main{grid-row:span 2;min-height:730px;background:radial-gradient(circle at 50% 39%,#29383c,transparent 55%),#121a1e}
.feature-top{display:flex;justify-content:space-between;color:#afbac0;letter-spacing:.13em;font-weight:750;font-size:10px}.feature-top span:last-child{font-size:18px;color:var(--gold)}
.feature h3{font-size:clamp(21px,2.5vw,32px);line-height:1.16;letter-spacing:-.05em;margin-bottom:16px}.feature p{font-size:14px;color:#acb3b6;line-height:1.75;max-width:470px;margin-bottom:0}
.feature-main h3{font-size:clamp(30px,3.1vw,46px);max-width:480px}.folder-stage{height:475px;position:relative;perspective:950px}
.folder-shape{position:absolute;left:16%;top:30%;width:63%;height:46%;background:linear-gradient(120deg,#3c5556,#101f25);border:1px solid #8eacaa;transform:rotateY(-23deg) rotateX(12deg) rotate(-7deg);box-shadow:30px 35px 100px #0009}
.folder-shape:before{content:"";position:absolute;top:-26px;left:-1px;width:42%;height:26px;background:#405d5d;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);border:1px solid #8eacaa}
.folder-shape:after{content:"✓";position:absolute;display:grid;place-items:center;right:23%;top:28%;width:80px;height:80px;background:var(--acid);color:#122017;font:700 40px var(--body);transform:rotate(4deg);box-shadow:0 0 75px #d4f06344}
.file-shard{position:absolute;background:#d4d4c6;color:#293131;padding:18px 23px;font:800 10px monospace;letter-spacing:.08em;box-shadow:10px 15px 40px #0009;z-index:2}
.shard-one{left:10%;top:20%;transform:rotate(-13deg)}.shard-two{right:9%;top:24%;transform:rotate(16deg)}.shard-three{left:4%;top:67%;transform:rotate(8deg);background:var(--acid)}
.feature-mini{min-height:356px}.feature-art{height:195px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.typewriter{font-weight:950;font-size:34px;letter-spacing:-.08em;transform:rotate(-5deg);color:#c1c8c5}.typewriter span{display:block}.strike-through{text-decoration:line-through;text-decoration-color:#e5a66d;color:#59646b}.type-highlight{color:var(--acid)}
.progress-art{flex-direction:row;gap:8px;position:relative}.progress-art span{height:13px;width:19%;background:#3c4c50;transform:skew(-20deg)}.progress-art span:nth-child(1){background:var(--gold)}.progress-art span:nth-child(2){background:#94aa98}.progress-art b{color:#132015;background:var(--acid);border-radius:50%;height:48px;width:48px;display:grid;place-items:center;font-size:24px;margin-left:10px}
.principles{padding-top:86px;padding-bottom:130px}.principles h2{margin-top:50px;max-width:900px}.principle-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principle-list>div{background:var(--bg);padding:30px 28px 25px 0}.principle-number{display:block;color:var(--gold);font-size:11px;margin-bottom:44px}.principle-list h3{font-size:25px;letter-spacing:-.045em}.principle-list p{font-size:14px;line-height:1.7;color:#acb3b5;max-width:290px}
.book-section{background:#e7e4db;color:#101719;overflow:hidden}.book-inner{max-width:1800px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:690px;align-items:center;gap:6vw;padding:70px 7.4%}
.book-visual{position:relative;height:540px;display:grid;place-items:center;perspective:900px}.book-shadow{position:absolute;width:64%;height:70%;background:#8e8171;filter:blur(75px);opacity:.28;transform:translate(12%,10%)}
.book-object{z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:295px;height:415px;padding:29px 27px;background:radial-gradient(circle at 70% 25%,#3b5054,#18242c 46%,#0d121c 85%);color:#eff0e9;box-shadow:14px 14px 0 #c7c3b6,25px 38px 45px #17232764;transform:rotate(-10deg) rotateY(-13deg);border-left:13px solid #3b4b4d}
.book-small,.book-bottom{font:800 10px/1.6 var(--body);letter-spacing:.12em;color:#aec1be}.book-object strong{font-size:37px;line-height:1.04;letter-spacing:-.075em}.book-object strong span{color:var(--acid)}.book-orbit{position:absolute;color:#c59c74;font-size:125px;top:12%;right:4%;transform:rotate(20deg)}
.book-copy .small-kicker{color:#8b5633}.book-copy h2{color:#111718;margin:20px 0 29px}.book-copy h2 em{color:#a86539}.book-copy p{font-size:16px;line-height:1.8;color:#4f5653;max-width:550px}.book-copy .book-note{font-size:13px;color:#777d76}.dark-link{display:inline-block;border-bottom:1px solid #111;padding:10px 0;margin-top:12px;font-size:12px;font-weight:800;color:#1e2929}.dark-link:hover{color:#9b562b}.dark-link span{margin-left:12px}
.end-section{text-align:center;padding-top:140px;padding-bottom:140px;display:flex;align-items:center;flex-direction:column;background:radial-gradient(ellipse at 50% 2%,#1c2b26,transparent 65%)}.end-beacon{width:65px;height:65px;border:1px solid #82977e;transform:rotate(45deg);display:grid;place-items:center;margin-bottom:44px}.end-beacon span{width:20px;height:20px;background:var(--acid);box-shadow:0 0 30px var(--acid)}
.end-section h2{margin:22px 0 27px}.end-section p:not(.small-kicker){max-width:610px;line-height:1.8;color:#adb8b4;font-size:16px}.end-section .button{margin-top:20px}.end-aside{font-size:9px;color:#818d8a;letter-spacing:.15em;margin-top:45px}
.site-footer{border-top:1px solid var(--line);padding:42px 7.4% 30px;background:#070a0e}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between}.footer-top>span{font-size:10px;letter-spacing:.2em;color:#8b9396}.footer-bottom{padding-top:35px;margin-top:38px;border-top:1px solid var(--line);gap:30px;color:#879099;font-size:11px}.footer-bottom>div{display:flex;gap:22px}
@keyframes float{0%,100%{transform:translateY(0) rotateY(-15deg) rotateX(7deg) rotateZ(2deg)}50%{transform:translateY(-16px) rotateY(-15deg) rotateX(7deg) rotateZ(2deg)}}@keyframes pulse{0%,100%{box-shadow:0 0 8px #e2f46a66}50%{box-shadow:0 0 22px #e2f46aaa}}.artifact-mid{animation:float 8s ease-in-out infinite}.signal{animation:pulse 3s ease-in-out infinite}
@media(max-width:1150px){.hero{grid-template-columns:60% 40%;min-height:730px}.hero-content{padding-left:6%}.hero h1{font-size:clamp(58px,7.4vw,94px)}.hero-visual{margin-left:-70px}.artifact-mid{width:75%;left:23%}.artifact-back{left:-1%}.artifact-front{left:3%;width:58%}.section-shell{padding-left:5%;padding-right:5%}.book-inner{padding-left:5%;padding-right:5%}}
@media(max-width:780px){.topline{padding:0 5%;font-size:8px}.topline-right{display:none}.site-header{height:70px;padding:0 5%}.main-nav{gap:17px;margin-left:auto;margin-right:23px}.main-nav a{font-size:11px}.header-cta{padding:12px 10px;font-size:10px}.header-cta span{margin-left:5px}.hero{height:auto;min-height:1000px;max-height:none;display:block}.hero-content{padding:83px 6% 0}.hero h1{font-size:clamp(63px,10.8vw,86px);margin-top:32px;white-space:normal}.hero-lead{max-width:610px}.hero-visual{height:450px;margin-left:5%;width:90%;margin-top:25px}.artifact-mid{width:58%;left:32%}.artifact-back{left:9%}.artifact-front{left:7%;width:45%}.hero-bottom{bottom:16px}.manifesto-layout{grid-template-columns:1fr;gap:22px}.manifesto-description{max-width:640px}.comparison{grid-template-columns:1fr 28px 1fr}.compare-side{padding:25px 20px}.compare-side p{font-size:17px}.process-rail{grid-template-columns:1fr}.process-item{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.process-item+.process-item{border-left:0;border-top:1px solid var(--line)}.process-art{grid-row:span 4;margin:0}.process-item h3{margin-top:25px}.process-item p{margin-bottom:0}.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:span 2;grid-row:span 1;min-height:650px}.feature-mini{min-height:350px}.book-inner{gap:0}.book-object{width:230px;height:340px}.book-object strong{font-size:28px}.book-visual{height:440px}.book-copy h2{font-size:clamp(48px,6vw,74px)}.principle-list h3{font-size:21px}}
@media(max-width:560px){.site-header{height:65px}.brand{font-size:22px}.brand-symbol{width:23px;height:24px}.main-nav{display:none}.header-cta{margin-left:auto;min-height:42px;display:flex;align-items:center}.hero{min-height:885px}.hero-content{padding:73px 6.3% 0}.eyebrow{font-size:8px;gap:7px;letter-spacing:.12em}.tag{margin-left:2px}.eyebrow .line{width:14px}.hero h1{font-size:clamp(49px,12.1vw,71px);line-height:1.05;letter-spacing:-.092em;margin:34px 0 26px}.hero-lead{font-size:15px;line-height:1.7}.hero-actions{gap:21px;flex-wrap:wrap}.hero-actions .button{padding:15px 17px}.text-link{font-size:11px}.desktop-only{display:none}.hero-caption{font-size:10px;line-height:1.4}.hero-visual{height:305px;margin:25px 0 0;width:100%}.artifact-mid{left:31%;top:10%;width:58%;height:70%}.artifact-back{top:19%;left:5%;width:48%;height:53%}.artifact-front{top:66%;left:7%;width:57%;min-height:70px;padding:12px}.artifact-front strong{font-size:13px}.artifact-front small{font-size:8px}.verified-icon{width:35px;height:35px}.artifact-header{padding:12px;font-size:6px}.artifact-core{height:63%}.core-bracket{font-size:64px}.core-shape{width:55px;height:65px}.core-shape span{width:48px;height:48px}.core-shape span:nth-child(2){width:34px;height:34px}.core-shape span:nth-child(3){width:18px;height:18px}.artifact-label{font-size:7px}.artifact-mini{padding:11px;font-size:8px}.artifact-lines{margin:15px}.hero-bottom{font-size:8px}.section-shell{padding:65px 6.3% 75px}.section-marker{font-size:8px;line-height:1.4;gap:18px}.section-marker span:last-child{text-align:right}.manifesto-layout{padding:45px 0}.manifesto h2,.section-heading-row h2,.principles h2,.book-copy h2,.end-section h2{font-size:clamp(44px,10vw,68px)}.manifesto-description p{font-size:15px}.comparison{grid-template-columns:1fr}.compare-center{padding:16px 0}.compare-side{min-height:245px}.compare-side p{font-size:19px}.section-heading-row{display:block;padding:40px 0}.section-heading-row p{margin-top:21px}.process-item{display:block;padding:22px}.process-art{margin:20px 0}.demo{display:block;padding:23px}.demo-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;margin:25px 0}.demo-actions .button{min-height:47px}.feature-grid{grid-template-columns:1fr}.feature{min-height:355px;padding:25px}.feature-main{grid-column:auto;min-height:640px}.folder-stage{height:375px}.feature-main h3{font-size:34px}.feature-mini{min-height:340px}.principle-list{grid-template-columns:1fr;margin-top:50px}.principle-list>div{padding:22px 0;border-bottom:1px solid var(--line)}.principle-number{margin-bottom:20px}.book-inner{display:flex;flex-direction:column;padding:35px 7% 80px}.book-visual{height:395px;width:100%}.book-object{width:235px;height:335px}.book-copy h2{font-size:56px}.end-section{padding-top:100px}.end-aside{line-height:1.8}.footer-top>span{font-size:8px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}.footer-bottom>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V2 CLARITY LAYER — intentionally preserves established ARKTOR visual signature. */
.v2 .hero-content{padding-top:clamp(88px,10vh,146px);max-width:1020px}
.v2 .hero h1{font-size:clamp(56px,6.2vw,105px);line-height:1.035;letter-spacing:-.08em}
.v2 .hero-lead{max-width:610px}.v2 .hero-lead strong{color:#f1f2ea;font-weight:750}
.v2 .text-link{max-width:270px;line-height:1.55}
.quick-answer{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:28px;padding:34px 7.4%;background:#d4f063;color:#111911}
.quick-label{font-size:10px;font-weight:900;letter-spacing:.14em}
.quick-answer p{font-size:clamp(18px,2vw,28px);line-height:1.32;font-weight:650;letter-spacing:-.035em;margin:0;max-width:890px}
.quick-answer a{font-size:12px;font-weight:800;border-bottom:1px solid #121b14;padding:10px 0;white-space:nowrap}
.v2 .manifesto{padding-top:76px;padding-bottom:70px}
.v2 .manifesto-layout{padding-bottom:10px}
.v2 .section-shell{scroll-margin-top:24px}
.usecase-status{display:inline-block;border:1px solid #84966b7a;color:#d4f063;font-size:9px;font-weight:800;letter-spacing:.075em;line-height:1.5;padding:6px 9px;margin-bottom:15px}
.usecase-quote{font-size:clamp(20px,2.3vw,31px)!important;line-height:1.32!important;letter-spacing:-.04em;color:#f0efe7!important;font-weight:750;margin-bottom:15px!important;max-width:520px!important}
.feature-mini .usecase-quote{font-size:23px!important}
.feature-main .folder-stage{height:375px}.v2 .feature-main{min-height:700px}
.usecase-outcome{color:#d4f063!important;font-weight:650;margin-top:17px!important}
.example-footnote,.difference-disclaimer{font-size:12px;line-height:1.7;color:#89969b;margin:20px 0 0;max-width:790px}
.difference{padding-top:40px}
.difference-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px}
.difference-card{background:#11171d;border:1px solid rgba(220,226,216,.16);padding:33px 28px 36px;min-height:285px}
.difference-card h3{font-size:clamp(23px,2.25vw,34px);line-height:1.1;letter-spacing:-.055em;margin:38px 0 20px}
.difference-card p{font-size:14px;line-height:1.77;color:#b9c0c1;max-width:380px;margin:0}
.difference-number{color:#b6c0b8;font-size:10px;font-weight:800;letter-spacing:.13em}
.difference-focus{background:linear-gradient(150deg,#213129,#111b19);border-color:#a7c66c}
.difference-focus .difference-number{color:#d4f063}
.proof-section{padding-top:70px;padding-bottom:95px;background:radial-gradient(ellipse at 74% 65%,rgba(64,86,65,.12),transparent 60%)}
.proof-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:65px 0 5px}
.proof-layout h2,.faq-section h2{font-size:clamp(46px,5.3vw,84px);font-family:var(--display);letter-spacing:-.08em;line-height:1.05;margin:20px 0 29px}
.proof-layout h2 em,.faq-section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}
.proof-layout p{font-size:16px;color:#b4bec0;line-height:1.85;max-width:580px}
.proof-layout .proof-clarification{font-size:13px;color:#889ca0;border-left:2px solid var(--gold);padding-left:15px;margin-top:22px}
.proof-console{border:1px solid #9cae8473;background:#121b18;box-shadow:24px 24px 70px #0007}
.console-top{display:flex;gap:11px;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#9fb5aa;font-weight:750;padding:25px;border-bottom:1px solid #ffffff19}
.console-light{height:7px;width:7px;background:#d4f063;box-shadow:0 0 17px #c5e175}
.console-row{display:grid;grid-template-columns:32px 1fr auto 20px;gap:13px;align-items:center;padding:24px;border-bottom:1px solid #ffffff15}
.console-row>span{color:var(--gold);font-size:10px}.console-row strong{font-size:14px}.console-row small{color:#9faea7;font-size:11px}.console-row b{color:#d4f063;font-size:19px}
.console-bottom{color:#94a5a1;line-height:1.6;font-size:11px;padding:21px 24px}
.faq-section{padding-top:70px;padding-bottom:100px}.faq-section h2{margin:45px 0 45px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 12px}
.faq-list summary{position:relative;cursor:pointer;list-style:none;font-size:clamp(18px,2.1vw,26px);font-weight:700;letter-spacing:-.04em;padding:26px 40px 26px 2px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:0;top:25px;color:var(--acid);font-size:27px}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{font-size:15px;color:#aeb6b8;line-height:1.75;max-width:690px;margin:0 0 27px}
@media(max-width:1150px){.v2 .hero h1{font-size:clamp(56px,6.5vw,88px)}.quick-answer{grid-template-columns:1fr;gap:10px}.quick-answer a{justify-self:start}.difference-grid{grid-template-columns:1fr 1fr}.difference-grid .difference-card:last-child{grid-column:span 2}}
@media(max-width:780px){.v2 .hero h1{font-size:clamp(56px,9.2vw,82px)}.v2 .hero-content{padding-top:75px}.difference-grid{grid-template-columns:1fr}.difference-grid .difference-card:last-child{grid-column:auto}.difference-card{min-height:0}.difference-card h3{margin-top:24px}.proof-layout{grid-template-columns:1fr;gap:35px}.quick-answer{padding:31px 6%}}
@media(max-width:560px){.v2 .hero{min-height:940px}.v2 .hero h1{font-size:clamp(45px,11vw,62px);white-space:normal}.v2 .hero-actions{align-items:flex-start;gap:14px}.v2 .hero-actions .text-link{line-height:1.55}.quick-answer{padding:28px 6.3%}.quick-answer p{font-size:21px}.v2 .feature-main{min-height:600px}.v2 .feature-main .folder-stage{height:290px}.feature-mini .usecase-quote{font-size:21px!important}.difference-card{padding:25px 22px}.proof-layout{padding-top:38px}.console-row{grid-template-columns:18px 1fr 20px;padding:18px 15px;gap:8px}.console-row small{grid-column:2;grid-row:2}.console-row b{grid-column:3;grid-row:1}.faq-list summary{font-size:19px}.v2 .manifesto{padding-bottom:40px}}
/* APPROVED ARKTOR BLUE WAVE BRAND — exact owner-approved raster. */
:root { --acid:#48dbff; --gold:#7cceff; }
.signal {box-shadow:0 0 18px #16aaff88}
.tag{border-color:#4fd4fa75}
.v2 .quick-answer{background:#42d0f8}
.v2 .difference-focus{border-color:#58bfff;background:linear-gradient(150deg,#142637,#101922)}
.v2 .hero{grid-template-columns:55% 45%;background:radial-gradient(ellipse at 83% 44%,#10233d,transparent 62%),linear-gradient(110deg,#070a11,#080b10 72%)}
.v2 .hero-visual.hero-logo-showcase {margin-left:0;transform:none;perspective:none;display:grid;place-items:center;position:relative;min-width:0;isolation:isolate;padding:18px 1vw}
.hero-logo-halo{position:absolute;inset:16% 5% 23%;background:radial-gradient(ellipse,#1154bb40 0%,transparent 67%);filter:blur(30px);pointer-events:none}
.hero-brand-art{position:relative;z-index:1;width:min(100%,590px);height:auto;max-height:680px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 20px 60px #007bff22)}
.brand-mark{width:42px;height:42px;object-fit:cover;display:block;flex:none;border-radius:10px;mix-blend-mode:screen}
.v2 .hero h1{font-size:clamp(54px,5.9vw,102px)}
.v2 .hero h1 em{color:#a9dfff}
.v2 .header-cta:hover{background:#40cafa;color:#071221}
.v2 .site-header{background:#080b10}
@media (max-width:1150px){.v2 .hero{grid-template-columns:58% 42%}.hero-brand-art{width:100%}}
@media (max-width:780px){.v2 .hero{display:block;min-height:1040px}.v2 .hero-visual.hero-logo-showcase{height:470px;margin:12px auto 0;width:94%;padding:0}.hero-brand-art{width:min(100%,460px);max-height:465px}.v2 .hero h1{font-size:clamp(56px,9.2vw,82px)}}
@media (max-width:560px){.brand-mark{width:36px;height:36px}.v2 .hero{min-height:950px}.v2 .hero h1{font-size:clamp(47px,11vw,65px)}.v2 .hero-visual.hero-logo-showcase{height:360px;margin-top:12px}.hero-brand-art{width:min(100%,350px);max-height:360px}}
/* MOBILE HERO FIX 2026-10-25: normal document flow, no caption overlap */
@media (max-width:780px) {
  .v2 .hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:visible}
  .v2 .hero-content{flex:0 0 auto;min-width:0;width:100%;padding-bottom:0}
  .v2 .hero-visual.hero-logo-showcase{flex:0 0 auto;display:block;position:relative;width:min(92%,460px);height:auto;aspect-ratio:auto;margin:12px auto 0;padding:0}
  .v2 .hero-brand-art{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
  .v2 .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 6.3% 26px;margin-top:0}
  .v2 .quick-answer{box-sizing:border-box;width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
  .v2 .quick-answer > *{min-width:0}
  .v2 .quick-answer p{overflow-wrap:break-word}
  .v2 .scroll-hint{white-space:nowrap}
}
@media(max-width:560px){
  .v2 .hero h1{font-size:clamp(42px,10.5vw,62px)}
  .v2 .hero-visual.hero-logo-showcase{width:min(92%,350px);height:auto;margin-top:8px}
  .v2 .hero-bottom{font-size:8px;letter-spacing:.1em}
  .v2 .quick-answer{padding:30px 6.3%}
  .v2 .quick-answer p{font-size:clamp(18px,5.4vw,21px);line-height:1.42}
  .v2 .quick-answer a{white-space:normal}
}