/* taiyop 2026 — intentional editorial interface. No external dependencies. */
:root{--ink:#182321;--muted:#53615b;--paper:#f6f6f1;--white:#fff;--line:#dce1d9;--mint:#c5f77a;--dark:#101b1a;--dark2:#1c2b28;--salmon:#f6ad9b;--blue:#cbdcff;--radius:22px;--max:1180px;--sans:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,svg{max-width:100%}::selection{background:var(--mint);color:var(--ink)}:focus-visible{outline:3px solid #48ab84;outline-offset:4px}.container{width:min(calc(100% - 88px),var(--max));margin-inline:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:18px;background:var(--mint);color:var(--dark);padding:12px;z-index:200}.skip-link:focus{top:14px}.mark{display:inline-block;font-weight:850;letter-spacing:-.09em}.mark span{color:#90e45f}.site-header{position:relative;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}.nav-inner{height:78px;display:flex;align-items:center;gap:38px}.site-header .mark{font-size:29px}.nav-links{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-links a{font-size:13px;font-weight:650;color:#47534f;transition:color .18s}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#121c18}.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--dark);color:white;border-radius:100px;padding:13px 19px;font-size:13px;font-weight:720;white-space:nowrap;transition:transform .2s,background .2s}.header-cta:hover{transform:translateY(-2px);background:#294239}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:12px;width:44px;height:44px;color:var(--ink)}.site-header.sticky{position:sticky;top:0;backdrop-filter:blur(18px);background:rgba(246,246,241,.95)}
.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.5}.chip-dot{display:inline-flex;gap:9px;align-items:center}.chip-dot::before{content:"";height:8px;width:8px;border-radius:100px;background:#a6eb8a;box-shadow:0 0 0 4px #a6eb8a23}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;border-radius:9px;font-size:14px;line-height:1.25;font-weight:780;min-height:54px;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-lime{background:var(--mint);color:#1c2618}.btn-lime:hover{background:#d8ffa3;box-shadow:0 10px 26px #080f0b45}.btn-outline-light{color:#fff;border-color:#7f948b;background:transparent}.btn-outline-light:hover{background:#26382e}.btn-dark{background:var(--dark);color:white}.btn-dark:hover{background:#294037}.btn-outline{border-color:#9daba2;background:transparent;color:var(--ink)}.btn-outline:hover{background:#ebf0e8}.link-arrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;padding-bottom:6px;border-bottom:1px solid currentColor}.link-arrow:hover{opacity:.65}.arrow{font-size:19px;font-weight:400;line-height:1}
/* A hero with a purpose: high contrast for first impression, no obfuscating visual effects. */
.hero{background:var(--dark);color:#fbfff8;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.09fr .91fr;gap:58px;align-items:center;min-height:660px;padding-block:82px 83px}.hero .eyebrow{color:var(--mint)}.hero h1{font-size:clamp(48px,5.4vw,80px);letter-spacing:-.075em;line-height:1.34;margin:27px 0 22px;font-weight:800}.hero h1 .hero-emphasis{color:var(--mint);position:relative}.hero-intro{color:#c7d2ca;max-width:510px;line-height:2.05;font-size:15px;letter-spacing:.005em}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:31px}.hero-fine{margin-top:38px;color:#a4b6a8;font-size:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-fine a{border-bottom:1px solid #91a593;color:#e2e9de}.hero-fine .divider-dot{color:#62736c}.hero-graphic{position:relative;min-height:450px;isolation:isolate}.graphic-halo{position:absolute;inset:12% 0 6% 8%;border:1px solid #68837355;border-radius:50%;transform:rotate(-23deg)}.graphic-halo::after{content:"";position:absolute;inset:12%;border:1px dashed #6d886b55;border-radius:50%}.monitor-window{position:absolute;left:5%;right:2%;top:14%;background:#f2f5ed;color:var(--ink);border:1px solid #dce5d8;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0009;transform:rotate(-3.6deg)}.monitor-head{display:flex;align-items:center;justify-content:space-between;background:#e9eee5;padding:12px 16px;border-bottom:1px solid #d8e0d6;font:700 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.035em}.traffic{display:flex;gap:5px}.traffic i{display:block;width:7px;height:7px;border-radius:50%;background:#c8d2c5}.traffic i:first-child{background:#e69e8f}.traffic i:nth-child(2){background:#e9d48a}.monitor-body{padding:21px 22px 24px}.monitor-meta{font:700 10px ui-monospace,monospace;letter-spacing:.10em;color:#67796b;display:flex;justify-content:space-between;margin-bottom:15px}.monitor-title{font-size:20px;letter-spacing:-.055em;font-weight:850;line-height:1.25;margin-bottom:18px}.monitor-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #dce4d8}.app-avatar{width:35px;height:35px;border-radius:9px;background:#d2eec4;color:#344f37;display:grid;place-items:center;font-size:16px;font-weight:850;flex-shrink:0}.monitor-row:nth-child(2) .app-avatar{background:#ded9ff}.app-data{min-width:0;flex:1}.app-data strong{display:block;font-size:12px}.app-data small{display:block;color:#6f7f70;font:10px ui-monospace,monospace;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.state{display:inline-flex;gap:5px;align-items:center;padding:7px 9px;background:#dde5d8;border-radius:20px;font-size:10px;font-weight:780;white-space:nowrap}.state.running{background:#d4efc2;color:#365a25}.state.running::before{content:"";height:6px;width:6px;background:#63a54a;border-radius:50%}.floating-note{position:absolute;right:-3%;bottom:0;background:var(--mint);color:#1b3022;border-radius:13px;padding:16px 18px;box-shadow:0 15px 28px #0006;transform:rotate(5deg);font-size:12px;font-weight:800;line-height:1.6}.floating-note strong{display:block;font-size:16px;letter-spacing:-.03em}.graphic-label{position:absolute;left:4%;bottom:6%;color:#8fa79b;font:10px ui-monospace,monospace;letter-spacing:.09em}.tiny-star{position:absolute;right:2%;top:0;color:var(--mint);font-size:56px;line-height:1}
/* Scroll rhythm */
.tiny-bar{border-bottom:1px solid var(--line);background:#eef1eb}.tiny-bar .container{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.tiny-bar span{font:700 11px ui-monospace,monospace;letter-spacing:.07em;color:#5e6e65}.tiny-bar span b{color:#182721}.section{padding:105px 0 110px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.section-intro h2{font-size:clamp(38px,5vw,67px);font-weight:850;letter-spacing:-.072em;line-height:1.28;margin:14px 0 0}.section-intro p{color:var(--muted);font-size:14px;line-height:1.95;max-width:360px;margin:0 0 6px}.section-kicker{color:#687b68}.section-kicker::before{content:"↗ ";color:#5a7b52}.project-feature{display:grid;grid-template-columns:1.17fr .83fr;background:#e6ede4;border:1px solid #d6e2d5;border-radius:22px;overflow:hidden;min-height:420px}.project-feature .project-art{min-height:430px}.project-feature-copy{padding:50px 45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.micro{font:750 10px ui-monospace,monospace;letter-spacing:.085em;color:#657369}.project-feature h3{font-size:clamp(36px,4vw,54px);letter-spacing:-.065em;line-height:1.2;margin:20px 0 13px}.project-lead{font-size:20px;line-height:1.55;letter-spacing:-.045em;font-weight:750;margin:0 0 13px}.project-description{font-size:14px;line-height:1.95;color:#53635a;margin:0 0 25px}.project-actions{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center}.project-actions a{font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid;padding:6px 0}.project-actions a.secondary{color:#566960;font-weight:700}.project-actions a:hover{opacity:.66}.project-art{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center}.project-art .art-note{position:absolute;left:18px;bottom:16px;z-index:2;color:inherit;opacity:.65;font:9px ui-monospace,monospace;letter-spacing:.07em}.art-portal{background:#233f39;color:#e4ffe3;background-image:linear-gradient(115deg,#203b34,#547c6c)}.art-portal::before{content:"";position:absolute;inset:-25%;background:repeating-radial-gradient(circle at 45% 50%,transparent 0 40px,#ffffff10 41px 42px);transform:rotate(13deg)}.portal-flow{width:min(78%,360px);background:#f9f9ef;color:#1e2e29;box-shadow:0 25px 40px #0a252870;border-radius:13px;padding:16px;transform:rotate(-4deg);z-index:1}.portal-flow-top{display:flex;justify-content:space-between;border-bottom:1px solid #e4e9de;padding-bottom:12px;font:700 11px ui-monospace,monospace}.flow-line{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #e4e9de;font-size:13px}.flow-line:last-child{border:0}.flow-icon{background:#e3ebda;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;font-weight:800}.flow-line span:nth-child(2){flex:1;font-weight:750}.flow-line small{border-radius:100px;padding:6px 8px;background:#ddf2d0;font:700 10px ui-monospace,monospace}.flow-line small.off{background:#ebede8;color:#718075}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.project-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:transform .23s,box-shadow .23s}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #1c302516}.project-card .project-art{height:246px}.project-card-content{padding:25px 25px 27px}.project-card h3{font-size:26px;letter-spacing:-.065em;margin:11px 0 9px;line-height:1.2}.project-card p{color:#53635a;font-size:13px;line-height:1.85;min-height:72px;margin:0 0 16px}.project-card .link-arrow{font-size:12px}.art-charatalk{background:linear-gradient(140deg,#dcd5f8,#f7d5c9);color:#473e5b}.phone-shell{height:204px;width:122px;background:#282a39;border:5px solid #363445;border-radius:24px;box-shadow:16px 16px 35px #544c6c55;transform:rotate(-7deg);position:relative;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center}.phone-island{height:8px;width:38px;background:#171824;border-radius:20px;position:absolute;top:5px}.avatar-head{position:relative;margin-top:24px;width:70px;height:70px;border-radius:50% 50% 43% 43%;background:#efc5a6;box-shadow:inset -9px -5px #e2ac96;z-index:1}.avatar-head::before{content:"";position:absolute;inset:-11px -12px 23px;background:#514477;border-radius:45% 55% 40% 48%;z-index:-1}.avatar-head::after{content:"•   •";position:absolute;top:29px;left:17px;font-size:22px;white-space:pre;color:#44314a}.avatar-body{width:80px;height:61px;background:#a79ed6;border-radius:48% 48% 12% 12%;margin-top:-3px}.voice-bars{position:absolute;bottom:17px;display:flex;align-items:center;gap:4px}.voice-bars i{height:13px;width:3px;background:#d8ffe7;border-radius:4px}.voice-bars i:nth-child(2),.voice-bars i:nth-child(6){height:20px}.voice-bars i:nth-child(3),.voice-bars i:nth-child(5){height:11px}.voice-bars i:nth-child(4){height:25px}.art-charatalk .orbit-label{position:absolute;right:9%;top:16%;font:700 11px ui-monospace,monospace;color:#64577c;transform:rotate(8deg)}.art-core{background:#dce5ff;color:#28385e}.code-mini{width:83%;background:#1b2540;color:#e3ebff;padding:18px 17px 21px;border-radius:11px;box-shadow:12px 18px 0 #9aaed56b;transform:rotate(-3deg)}.code-mini small{font:10px ui-monospace,monospace;color:#92a9ce}.code-mini pre{margin:13px 0 0;font:12px/1.9 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap}.code-mini em{color:#bcf2bd;font-style:normal}.code-mini b{color:#c4b4ff;font-weight:500}.art-api{background:#ece7d8;color:#302f27}.api-nodes{width:82%;font:700 12px ui-monospace,monospace;text-align:center}.api-nodes .node{border:1px solid #aaa995;padding:12px;background:#fafaf2;border-radius:9px}.api-nodes .core-node{background:#233c36;color:#d9ffe4;border:0;padding:15px}.api-nodes .down{height:23px;border-left:2px dashed #6a766c;width:1px;margin:auto}.api-nodes .api-out{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.api-nodes .api-out div{font:700 10px ui-monospace,monospace;background:#fafaf2;border-radius:7px;padding:10px 2px}.all-work{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;border-top:1px solid var(--line)}.all-work p{font-size:13px;color:#66746a;margin:0}
/* Real project media: keep app interfaces intact and playback user-initiated. */
.project-preview{background:#e4ebe2;color:var(--ink)}.project-preview img{display:block;width:100%;height:auto;transition:transform .25s}.project-preview:hover img{transform:translateY(-3px)}.project-feature .preview-portal{padding:28px 24px 48px;min-width:0}.preview-portal img{border-radius:10px;box-shadow:0 14px 40px #18232120}.project-card .preview-charatalk{height:auto;aspect-ratio:16/9;background:#17172d;align-content:start}.preview-charatalk .art-note{left:0;bottom:0;padding:6px 12px;background:#101b1ae6;color:#fff;opacity:1}.case-media{margin:0;min-height:0!important;background:#fff;border:1px solid var(--line)}.case-media>a{display:block}.case-image,.case-video{display:block;width:100%;height:auto}.case-video{aspect-ratio:16/9;background:#101b1a}.media-caption{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7}.media-caption span:first-child{font:700 10px/1.7 ui-monospace,monospace;letter-spacing:.07em;color:var(--ink)}
.project-card .project-art.preview-charatalk{display:block;width:100%;height:246px;aspect-ratio:auto}.project-card .preview-charatalk img{height:100%;object-fit:contain}@media(max-width:740px){.project-card .project-art.preview-charatalk{height:auto}.project-card .preview-charatalk img{height:auto}}
/* Now/reading section intentionally sparse: no pretend posts. */
.now-section{background:#e9f0e5;border-block:1px solid #d2dfd0;padding-block:88px}.now-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.now-grid h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.065em;line-height:1.3;margin:16px 0}.now-grid .sub-copy{color:#56675d;font-size:14px;line-height:1.95;max-width:360px}.now-list{border-top:1px solid #b9cbb7}.now-item{padding:24px 0;border-bottom:1px solid #b9cbb7;display:grid;grid-template-columns:92px 1fr 25px;gap:13px;align-items:center}.now-item span{font:750 10px ui-monospace,monospace;color:#647868}.now-item strong{font-size:17px;letter-spacing:-.045em}.now-item small{display:block;color:#627167;font-size:12px;margin-top:8px;line-height:1.5}.now-item svg{width:18px;fill:none;stroke:#49684e;stroke-width:1.8}.now-link{margin-top:26px}
/* Trust is produced by clarity, not fake numbers */
.approach{padding-block:104px}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.approach h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.075em;line-height:1.38;margin:18px 0 23px}.approach h2 em{font-style:normal;color:#708a6b}.approach p{line-height:2.05;color:var(--muted);font-size:14px}.approach-quote{font-size:18px!important;font-weight:720;color:var(--ink)!important;letter-spacing:-.035em}.approach-list{border-top:1px solid var(--line);margin-top:44px}.approach-list li{list-style:none;border-bottom:1px solid var(--line);padding:20px 4px;display:grid;grid-template-columns:45px 1fr;gap:14px}.approach-list{padding:0}.approach-list .count{color:#809080;font:12px ui-monospace,monospace;padding-top:5px}.approach-list b{font-size:15px}.approach-list p{margin:8px 0 0;font-size:12px;line-height:1.7}
.cta-panel{background:var(--dark);color:#f3fff1;border-radius:24px;padding:55px 60px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;margin-bottom:96px;position:relative;overflow:hidden}.cta-panel::after{content:"✳";font-size:230px;color:#c5f77a14;position:absolute;right:7%;bottom:-130px;pointer-events:none}.cta-panel h2{font-size:clamp(33px,4.3vw,56px);line-height:1.27;letter-spacing:-.075em;margin:14px 0 0}.cta-panel p{font-size:14px;color:#cad7cc;line-height:1.9;max-width:350px}.cta-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:20px}.cta-actions .btn{position:relative;z-index:2}.site-footer{border-top:1px solid var(--line);padding:33px 0 48px}.footer-inner{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer-inner .mark{font-size:25px}.footer-inner p{font-size:12px;line-height:1.8;color:#69766c}.footer-links{display:flex;gap:23px;flex-wrap:wrap;font-size:13px;font-weight:700}.footer-links a:hover{text-decoration:underline}
/* Interior pages: content progressively disclosed through deep links */
.breadcrumbs{display:flex;align-items:center;gap:12px;color:#65766a;font-size:12px;padding-top:40px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.page-hero{padding:70px 0 62px}.page-hero .eyebrow{color:#64786c}.page-hero h1{font-size:clamp(48px,6.1vw,88px);letter-spacing:-.085em;line-height:1.21;margin:16px 0 22px}.page-hero .lead{font-size:clamp(18px,2.2vw,23px);font-weight:650;line-height:1.75;letter-spacing:-.025em;max-width:730px}.page-hero .desc{font-size:14px;line-height:2;color:var(--muted);max-width:690px;margin-bottom:26px}.page-hero .page-tags{display:flex;flex-wrap:wrap;gap:9px}.page-tags span{background:#e7ece4;padding:9px 12px;border-radius:40px;font-size:12px;color:#52675a;font-weight:720}.case-visual{border-radius:20px;overflow:hidden;min-height:380px;position:relative}.case-visual .project-art{height:420px}.case-visual .project-art .portal-flow{max-width:430px}.case-visual .project-art .phone-shell{transform:scale(1.45) rotate(-7deg)}.case-visual .project-art .code-mini{width:50%;min-width:340px;max-width:560px}.case-visual .project-art .api-nodes{width:55%;max-width:540px}.case-visual-label{position:absolute;bottom:20px;right:20px;background:#ffffffdc;color:#26372c;font:700 10px ui-monospace,monospace;padding:10px 12px;border-radius:7px}.detail-content{display:grid;grid-template-columns:220px 1fr;gap:90px;padding-block:85px 120px}.detail-nav{align-self:start;position:sticky;top:115px;border-top:1px solid var(--line);padding-top:16px}.detail-nav .micro{display:block;margin-bottom:17px}.detail-nav a{display:block;padding:11px 0;color:#5b6d63;font-size:13px;font-weight:700}.detail-nav a:hover{text-decoration:underline;color:var(--ink)}.detail-main section{margin-bottom:72px;scroll-margin-top:105px}.detail-main section:last-child{margin-bottom:0}.detail-main h2{font-size:clamp(27px,3vw,40px);line-height:1.35;letter-spacing:-.065em;margin:0 0 20px}.detail-main h3{font-size:19px;letter-spacing:-.04em;margin:28px 0 9px}.detail-main p{line-height:2.08;font-size:14px;color:#4f6157;margin:0 0 19px}.detail-main ul{padding-left:20px;color:#4f6157;font-size:14px;line-height:2.2}.point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.point{border:1px solid var(--line);background:#fff;padding:24px;border-radius:12px}.point small{font:700 10px ui-monospace,monospace;color:#68786c}.point h3{font-size:17px;margin:14px 0 7px}.point p{font-size:13px;line-height:1.75;margin:0}.diagram{border-radius:16px;padding:26px;background:#e6ede5;border:1px solid #cbdacc;margin:22px 0}.diagram-steps{display:flex;align-items:center;gap:10px}.diagram-steps span{flex:1;padding:15px 10px;text-align:center;background:white;border-radius:8px;font-size:12px;font-weight:750;line-height:1.7}.diagram-steps b{color:#638363}.diagram-note{color:#63756b;font-size:12px;margin:14px 0 0}.detail-final{background:#19342b;color:white;border-radius:16px;padding:34px}.detail-final h2{margin:0 0 12px}.detail-final p{color:#d6e4d8}.detail-final a{color:#cbff8b}
.work-hero{background:#e5eee2;border-bottom:1px solid #cbd8c9}.work-hero .page-hero{padding-block:85px 90px}.work-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.work-card{border-radius:15px;background:white;border:1px solid var(--line);padding:27px;min-height:260px}.work-card small{font:700 11px ui-monospace,monospace;color:#708272}.work-card h3{font-size:23px;letter-spacing:-.055em;margin:42px 0 12px}.work-card p{color:#52655a;font-size:13px;line-height:1.85}.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.process-step{border-top:3px solid #203a2e;padding-top:15px}.process-step small{font:700 11px ui-monospace,monospace;color:#63806a}.process-step h3{font-size:19px;letter-spacing:-.04em}.process-step p{color:#5c6e63;font-size:13px;line-height:1.9}.faq{max-width:780px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:15px;font-weight:750}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:23px;font-weight:350}.faq details[open] summary::after{content:"−"}.faq details p{color:#52655a;font-size:13px;line-height:1.9;max-width:670px;margin:0 0 24px}.dark-contact{background:var(--dark);color:#effbee;padding:64px;border-radius:23px}.dark-contact h2{font-size:42px;letter-spacing:-.06em}.dark-contact p{color:#c6d7cc;line-height:1.9;max-width:550px}.now-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:275px}.topic-card small{font:700 11px ui-monospace,monospace;color:#678071}.topic-card h2{font-size:27px;letter-spacing:-.06em;margin:50px 0 12px}.topic-card p{font-size:13px;line-height:1.9;color:#5d6c61}.note-disclaimer{font-size:12px;color:#698073;margin-top:18px}
/* Deliberate responsive reductions */
@media(max-width:1000px){.container{width:min(calc(100% - 56px),var(--max))}.hero-grid{grid-template-columns:1fr .9fr;gap:20px}.hero h1{font-size:clamp(45px,5.7vw,68px)}.monitor-window{left:0;right:0}.approach-layout{gap:50px}.detail-content{gap:40px;grid-template-columns:180px 1fr}.project-feature-copy{padding:36px}}
@media(max-width:740px){html{scroll-padding-top:80px}.container{width:calc(100% - 36px)}.nav-inner{height:68px;gap:12px}.site-header .mark{font-size:26px}.menu-toggle{display:grid;place-items:center;margin-left:auto}.header-cta{padding:11px 14px;font-size:11px;gap:8px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;margin:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 16px 25px #152b1b15;padding:20px 18px 24px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:14px;font-size:15px;border-bottom:1px solid var(--line)}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding:61px 0 49px}.hero-copy{width:100%}.hero h1{font-size:clamp(42px,10.6vw,62px);margin:19px 0 18px;line-height:1.3}.hero-intro{font-size:14px;line-height:1.95}.hero-buttons{margin-top:26px}.hero-buttons .btn{flex:1;min-width:142px;padding:15px 12px;font-size:12px;gap:9px}.hero-fine{margin-top:25px;font-size:11px}.hero-graphic{width:100%;min-height:334px;margin-top:28px}.monitor-window{width:min(90%,360px);left:5%;right:auto;top:8%;transform:rotate(-3.5deg)}.monitor-body{padding:14px 18px 17px}.monitor-title{font-size:18px;margin-bottom:9px}.monitor-row{padding:9px 0}.graphic-label{bottom:1%}.floating-note{right:1%;bottom:3%;padding:11px;font-size:10px}.floating-note strong{font-size:13px}.tiny-star{right:3%;font-size:44px}.tiny-bar .container{min-height:70px;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-block:15px}.tiny-bar span{font-size:9px}.tiny-bar span:last-child{display:none}.section{padding:68px 0 78px}.section-intro{display:block;margin-bottom:28px}.section-intro h2{font-size:40px}.section-intro p{margin-top:17px}.project-feature{display:flex;flex-direction:column}.project-feature .project-art{min-height:270px;order:-1}.project-feature-copy{padding:28px 23px 31px}.project-feature h3{font-size:42px;margin:13px 0}.project-lead{font-size:18px}.project-grid{grid-template-columns:1fr;gap:15px;margin-top:15px}.project-card .project-art{height:220px}.project-card-content{padding:24px}.project-card p{min-height:0}.all-work{align-items:start;flex-direction:column;gap:13px}.now-section{padding-block:68px}.now-grid{grid-template-columns:1fr;gap:28px}.now-grid h2{font-size:40px}.now-item{grid-template-columns:60px 1fr 16px;gap:10px}.now-item strong{font-size:15px}.approach{padding-block:70px}.approach-layout{grid-template-columns:1fr;gap:8px}.approach h2{font-size:39px}.approach-list{margin-top:15px}.cta-panel{grid-template-columns:1fr;gap:7px;padding:33px 23px;margin-bottom:70px}.cta-panel h2{font-size:37px}.cta-panel .btn{font-size:12px;min-height:48px}.footer-inner{flex-direction:column}.footer-links{gap:17px}.breadcrumbs{padding-top:24px}.page-hero{padding:44px 0 36px}.page-hero h1{font-size:51px}.page-hero .lead{font-size:18px}.case-visual{min-height:270px}.case-visual .project-art{height:300px}.case-visual .project-art .phone-shell{transform:scale(1.1) rotate(-7deg)}.case-visual .project-art .code-mini{min-width:260px;width:75%}.case-visual .project-art .api-nodes{width:75%}.detail-content{display:block;padding-block:45px 75px}.detail-nav{position:static;display:none}.detail-main section{margin-bottom:55px}.detail-main h2{font-size:29px}.point-grid{grid-template-columns:1fr}.diagram{padding:17px}.diagram-steps{flex-direction:column;align-items:stretch}.diagram-steps b{text-align:center;transform:rotate(90deg)}.work-cards,.process,.now-topics{grid-template-columns:1fr}.work-card{min-height:0}.work-card h3{margin-top:22px}.dark-contact{padding:35px 23px}.dark-contact h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

.experience-list b small{font-size:11px;color:#788a7b;margin-left:10px;font-weight:650;letter-spacing:0}.evidence{margin-top:13px;border-left:3px solid #87af75;background:#e3eadf;padding:10px 13px;color:#42594a;font-size:12px;font-weight:700;line-height:1.65}@media(max-width:740px){.experience-list b small{display:block;margin:5px 0 0}}