:root{--cgg-bg:#ede5d8;--cgg-ink:#100e09;--cgg-dim:#1e1a1480;--cgg-rule:#3c2d1424;--cgg-tag-bg:#3c2d140f;--cgg-green:#35e068;--cgg-green-dim:#35e0682e;--font:"Space Grotesk", system-ui, sans-serif;--mono:"Space Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--cgg-bg)}body{font-family:var(--font);color:var(--cgg-ink);background:var(--cgg-bg);-webkit-font-smoothing:antialiased;font-weight:400;overflow-x:hidden}.mono{font-family:var(--mono)}#grain{z-index:100;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-repeat:repeat;background-size:200px 200px;animation:.16s step-end infinite grain-shift;position:fixed;inset:0}@keyframes grain-shift{0%{background-position:0 0}12%{background-position:40px 20px}25%{background-position:-30px 55px}37%{background-position:20px -40px}50%{background-position:-55px 15px}62%{background-position:35px -25px}75%{background-position:-20px 45px}87%{background-position:50px -10px}to{background-position:10px 35px}}#cgg-nav{z-index:60;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--cgg-rule);background:#ede5d8e0;justify-content:space-between;align-items:center;padding:20px 6vw;display:flex;position:fixed;top:0;left:0;right:0}.nav-back{letter-spacing:.2em;color:var(--cgg-dim);font-size:11px;text-decoration:none;transition:color .2s}.nav-back:hover{color:var(--cgg-green)}.nav-project{letter-spacing:.26em;color:var(--cgg-dim);font-size:10px}#cgg-section-nav{z-index:59;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cgg-rule);background:#ede5d8d1;justify-content:center;align-items:center;gap:0;height:40px;padding:0 6vw;display:flex;position:fixed;top:61px;left:0;right:0}.snav-sep{background:var(--cgg-rule);flex-shrink:0;width:1px;height:14px}.snav-item{height:40px;color:var(--cgg-dim);justify-content:center;align-items:center;padding:0 28px;text-decoration:none;transition:color .2s;display:flex;position:relative;overflow:visible}.snav-cam{pointer-events:none;position:absolute;inset:0}.snav-ring{border:1px solid var(--cgg-green);opacity:0;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.snav-h{background:var(--cgg-green);transform-origin:50%;opacity:.5;width:56px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(0)}.snav-v{background:var(--cgg-green);transform-origin:50%;opacity:.5;width:1px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(0)}.snav-lbl{z-index:1;letter-spacing:.26em;font-size:9px;display:block;position:relative}.snav-item.is-active .snav-lbl{color:var(--cgg-green)}#cgg-hero{grid-template-columns:1fr 1fr;align-items:center;gap:6vw;min-height:100vh;padding:148px 8vw 10vh;display:grid;position:relative;overflow:hidden}#hero-meta{z-index:2;position:relative}.cgg-label{letter-spacing:.3em;color:var(--cgg-dim);margin-bottom:28px;font-size:10px;display:block}#hero-title{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(52px,8vw,118px);font-weight:700;line-height:.88}.title-dot{color:var(--cgg-green)}#hero-tagline{letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(20px,2.6vw,34px);font-weight:700;line-height:1.25}#hero-desc{color:var(--cgg-dim);max-width:440px;margin-bottom:52px;font-size:clamp(14px,1.25vw,16px);line-height:1.85}#hero-stats{align-items:center;display:flex}.hstat{flex-direction:column;gap:6px;padding:0 32px;display:flex}.hstat:first-child{padding-left:0}.hstat-val{letter-spacing:-.03em;color:var(--cgg-green);font-size:clamp(26px,3.2vw,44px);font-weight:700;line-height:1}.hstat-lbl{letter-spacing:.26em;color:var(--cgg-dim);font-size:9px}.hstat-rule{background:var(--cgg-rule);flex-shrink:0;width:1px;height:40px}#hero-phone-wrap{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.iphone{aspect-ratio:393/852;flex-shrink:0;width:270px;position:relative}.iphone-shell{background:linear-gradient(155deg,#323232 0%,#1c1c1c 35%,#262626 55%,#1a1a1a 80%,#202020 100%);border-radius:46px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1c,0 0 0 1px #0009,0 36px 90px #00000061,0 10px 24px #00000038}.iphone-screen{background:#000;border-radius:40px;position:absolute;inset:7px;overflow:hidden}.iphone-screen>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.iphone-island{z-index:10;background:#000;border-radius:18px;width:88px;height:29px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.iphone-btns-left{z-index:5;flex-direction:column;gap:11px;display:flex;position:absolute;top:26%;left:-3.5px}.iphone-btn{background:linear-gradient(90deg,#1e1e1e 0%,#2c2c2c 100%);border-radius:2px 0 0 2px}.iphone-btn--silence{width:3.5px;height:26px}.iphone-btn--vol-up,.iphone-btn--vol-down{width:3.5px;height:44px}.iphone-btn--side{z-index:5;background:linear-gradient(270deg,#1e1e1e 0%,#2c2c2c 100%);border-radius:0 2px 2px 0;width:3.5px;height:70px;position:absolute;top:30%;right:-3.5px}.iphone-bar{z-index:10;background:#ffffff52;border-radius:4px;width:96px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.screen-ph{color:#ffffff47;text-align:center;background:#0e0e0e;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:11px;display:flex;position:absolute;inset:0}.screen-ph .mono{letter-spacing:.22em;color:#ffffff26;font-size:9px}.screen-slide{opacity:0;transition:opacity .55s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.screen-slide.active{opacity:1}.screen-slide img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.screen-slide[data-slide="2"]{overflow:visible}.screen-slide[data-slide="2"] img{object-position:center;width:216.8%;max-width:none;height:46.15%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}#cgg-overview{border-top:1px solid var(--cgg-rule);padding:14vh 8vw}.ov-inner{grid-template-columns:1fr 1.5fr;align-items:start;gap:10vw;display:grid}.section-label{letter-spacing:.3em;color:var(--cgg-dim);margin-bottom:22px;font-size:10px;display:block}.section-title{letter-spacing:-.03em;font-size:clamp(28px,3.8vw,52px);font-weight:700;line-height:1.08}.ov-right p{color:var(--cgg-dim);margin-bottom:20px;font-size:clamp(14px,1.35vw,16px);line-height:1.9}.ov-right p:last-of-type{margin-bottom:0}.ov-tags{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.tag{letter-spacing:.22em;color:var(--cgg-dim);border:1px solid var(--cgg-rule);background:var(--cgg-tag-bg);padding:8px 16px;font-size:10px;transition:border-color .2s,color .2s}.tag:hover{border-color:var(--cgg-green);color:var(--cgg-green)}#features-wrap{border-top:1px solid var(--cgg-rule);grid-template-columns:1fr 1fr;display:grid}#phone-col{background:var(--cgg-bg);border-left:1px solid var(--cgg-rule);order:2;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.iphone--sticky{width:230px}#text-col{order:1}.feat{border-bottom:1px solid var(--cgg-rule);align-items:center;min-height:100vh;padding:14vh 8vw;display:flex;position:relative}.feat:last-child{border-bottom:none}.feat-inner{width:100%;position:relative}.feat-num{letter-spacing:.3em;color:var(--cgg-green);margin-bottom:16px;font-size:10px;display:block}.feat-rule-line{background:var(--cgg-green);opacity:.5;width:44px;height:1px;margin-bottom:28px}.feat-title{letter-spacing:-.03em;margin-bottom:26px;font-size:clamp(34px,4.8vw,64px);font-weight:700;line-height:1}.feat-body{color:var(--cgg-dim);max-width:400px;margin-bottom:36px;font-size:clamp(13px,1.25vw,15px);line-height:1.9}.feat-list{flex-direction:column;gap:11px;list-style:none;display:flex}.feat-list li{letter-spacing:.2em;color:var(--cgg-dim);padding-left:20px;font-size:11px;position:relative}.feat-list li:before{content:"—";color:var(--cgg-green);opacity:.6;position:absolute;left:0}#cgg-info{border-top:1px solid var(--cgg-rule);padding:14vh 8vw}.info-rule{background:var(--cgg-rule);width:100%;height:1px;margin-bottom:64px}.info-grid{grid-template-columns:repeat(3,1fr);gap:44px 6vw;display:grid}.info-item{flex-direction:column;gap:12px;display:flex}.info-lbl{letter-spacing:.3em;color:var(--cgg-dim);font-size:9px}.info-val{letter-spacing:-.01em;font-size:clamp(14px,1.3vw,17px);font-weight:500;line-height:1.4}#cgg-footer{border-top:1px solid var(--cgg-rule);justify-content:space-between;align-items:center;padding:44px 8vw;display:flex}.footer-back{letter-spacing:.22em;color:var(--cgg-dim);font-size:11px;text-decoration:none;transition:color .2s}.footer-back:hover{color:var(--cgg-green)}.footer-mark{letter-spacing:.22em;color:#3c2d1447;font-size:10px}@media (width<=1000px){#cgg-hero{grid-template-columns:1fr;padding-top:120px}#hero-phone-wrap{order:-1;padding-top:20px}#hero-desc{max-width:100%}.ov-inner{grid-template-columns:1fr;gap:40px}#features-wrap{grid-template-columns:1fr}#phone-col{border-left:none;border-bottom:1px solid var(--cgg-rule);order:-1;height:70vh;position:relative;top:auto}.iphone--sticky{width:220px}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){#cgg-hero,#cgg-overview,#cgg-info,#cgg-footer,.feat{padding-left:6vw;padding-right:6vw}.info-grid{grid-template-columns:1fr}#hero-stats{flex-wrap:wrap;gap:24px}.hstat{padding:0}.hstat-rule{display:none}}